CSS свойство через JS

Question

[Егор Рублёв]

Можете сказать, как задать CSS свойство, через JS по ID элемента?
К примеру мне нужно добавить к элементу #block-new40 вот такое:
#block-new40:hover{
opacity:1;
}

Answer 1

[Константин Величко]

Если подключите jquery, это будет сделать проще

$('#block-new40').hover(function(){
    $(this).css('opacity', '1');
});

Так через чистый js

function setOpacity (myElement, opacityValue) {
    if (window.ActiveXObject) {
        myElement.style.filter = "alpha(opacity="
             + opacityValue*100 + ")"; // IE
    } else {
        myElement.style.opacity = opacityValue; // Gecko/Opera
    }
}

Comments

[Егор Рублёв]

Не 1, не 2 вариант не сработал.

[Константин Величко]

немного напортачил jsfiddle.net/Zoxon/aha6Z

[Егор Рублёв]

Теперь работает, а как вернуть в исходное состояние, когда hover пропадает с элемента?

[Константин Величко]

так jsfiddle.net/Zoxon/pkYym

[Егор Рублёв]

@Zoxon больше спасибо - jsfiddle.net/pkYym/1 работает.

Answer 2

[Константин Довнар]

Это похоже на шутку.

Comments

[Егор Рублёв]

Никаких шуток, но вы меня раздражаете не меньше, чем отсутствие знаний у меня, объясните мне, как сделать, чтобы при наведение на элемент (div) у меня появлялся фон и текст, использовать html css нельзя.

[Егор Рублёв]

@DonSinDRom прекратите флуд, а то я буду вынужден жаловаться. Я очень нервный (

[Константин Довнар]

Объяснять вам самые основы? На поиски которых в интернете у любого разумного человека уйдет три минуты? Или которые объясняются при чтении любой нормальной литературы?
То что вы такой нервный не оправдывает вашу лень и незнание.

[Константин Довнар]

@DonSinDRom надеюсь все же нечто подобное появится, а то некогда интересный раздел Q/A, который можно было даже просто так с интересом почитать, превратился в рассадник глупых вопросов по верстке да и только.

Answer 3

[Great27]

Вот на чистом js: jsfiddle.net/aha6Z/4