document.setAttribute

Question

Может ли это быть использовано для изменения CSS? Не могу увидеть много на w3 об этом. Кто-нибудь знает что-нибудь об этом.

Если этот форум / сайт не предназначен для того, чтобы задавать стандартные вопросы браузера, может ли кто-нибудь указать мне правильное направление?

Спасибо

- Mark

Answer 1

Да, вы можете использовать setAttribute для изменения CSS одного элемента DOM, например:

document.getElementById("something").setAttribute("style", "color: red;");

Однако я считаю, что это плохая практика. Вы можете изменить таблицу стилей, как указал Мариус, выполнив:

document.styleSheets[0].cssRules[0].backgroundColor = "#FF0000";

или путем ручного редактирования атрибутов стиля элементов HTML, например:

document.body.style.backgroundColor = "#FF0000";

Я бы порекомендовал посмотреть jQuery , поскольку он имеет мощные и простые в использовании инструменты для изменения CSS элементов DOM. Это так просто, как:

$("#someID").css({"color": "red", "width": "100px"});

Answer 2

Не уверен, что вы имеете в виду. Если вы хотите установить значение CSS, например, цвет фона, то вы должны установить его для какого-либо элемента, например, для тела:

document.body.style.backgroundColor = "#FF0000";

Если вы хотите изменить таблицу стилей CSS, вы можете использовать объект styleSheets:

document.styleSheets[0].cssRules[0].backgroundColor = "#FF0000";

setAttribute используется для установки атрибута некоторого HTML-элемента, например, href в элементе привязки:

<a id="link" href="http://www.goolge.com">google</a>



document.getElementById("link").setAttribute("href", "http://www.stackoverflow.com");