javascript - 如何使用javascript设置H1的颜色？

Question

我想知道如何使用 javascript 设置包含在 H1 标记中的文本的颜色。为此，我不能使用 css。

我试过的脚本是这样的——

document.h1.style.color="#fff"

但这不起作用。请帮忙。

编辑-

我真的找不到任何适合这个的东西。其实我对javascript不太了解，遇到了一个问题，我必须使用javascript来设置H1的颜色。

现在我怎么能做同样的事情，但使用 p 标签。

score 11 · Accepted Answer

var h1Elements = document.getElementsByTagName("h1");

for(var i = 0; i < h1Elements.length; i++) {
   h1Elements[i].style.color = "#fff";
}

score 4 · Accepted Answer

您需要获取元素。查找类似这样的内容：

document.getElementsByTagName('H1')[0]

然后你只是摆弄属性和样式。

score 1 · Accepted Answer

1

你可以用 jQuery 很容易地做到这一点：

$('h1').css({'color' : '#fff'});

于 2012-12-27T10:48:01.560 回答

score 0 · Accepted Answer

请将此代码复制到任何编辑器中..享受。

<!DOCTYPE html>
<html>

<body>
<h1 id="h1">The content</h1> <h1>of the body</h1> element is displayed in your browser.
</br></br></br>
<div onclick="checkAll()"> Click me To See Change</div>
</body>
<script>
function checkAll() {
var divs = document.getElementsByTagName("h1");  // Access all <H1> present in your body.

for(var i = 0; i < divs.length; i++) {   //divs.length contain number of <h1> elements
  var div = divs[i];                     // Now access Each <H1> one-by-one
  div.style.color = 'green';             // Set Color Style of each <h1>
}
}
</script>
</html>

javascript - 如何使用javascript设置H1的颜色？

4 回答 4

Related

Reference