我想知道如何使用javascript设置H1标签中包含的文本的颜色。因此我不能使用css
我尝试的脚本是-
document.h1.style.color="#fff"
但是这行不通。请帮助。
编辑-
我真的找不到合适的东西。实际上我对javascript了解不多,遇到了一个问题,我必须使用javascript来设置H1的颜色。
现在我如何做同样的事情,但与p标签。
var h1Elements = document.getElementsByTagName("h1");
for(var i = 0; i < h1Elements.length; i++) {
h1Elements[i].style.color = "#fff";
}
您需要获得该元素。像这样查找:
document.getElementsByTagName('H1')[0]
,然后你只是摆弄属性和样式。
使用jQuery很容易做到:
$('h1').css({'color' : '#fff'});
请将此代码复制到任意编辑器中。
<!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>