Question

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

我试过的脚本就是这个 -

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

但这不起作用。请帮助。

编辑 -

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

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

Answer 1

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

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

Answer 2

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

document.getElementsByTagName('H1')[0]

然后你只是弄清楚属性和风格。

Answer 3

你可以使用jQuery轻松完成：

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

Answer 4

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

<!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设置H1的颜色？

4 个答案: