gpt4 book ai didi

javascript - 如何从正文中而不是从标题中选择所有div?

转载 作者:行者123 更新时间:2023-11-28 09:55:30 25 4
gpt4 key购买 nike

我使用此 JavaScript 代码来选择所有 DIV 并更改其颜色。我不想改变标题中 DIV 的颜色。此任务的目的是学习 HTML5、DOM、Javascript 和 getElementsByTagName 函数:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<div>divv in header</div>
</head>
<body onload="Onload()">
<div>bla</div>
<div id="Div1">bla</div>
<div id="Div2">bla
<div id="Div4">div in div</div>
</div>
<div id="Div3" class="diiiivvv">bla</div>
</body>
</html>

<script type="text/javascript">
function Onload() {
var h = document.head;
var dh = h.getElementsByTagName('div');
if (dh.length != 0) {
dh[0].style.backgroundColor = 'red'; //fail
}

var d = document.getElementsByTagName('div');

for (var i = 0; i < d.length; i++) {
d[i].style.backgroundColor = 'blue';
};
}
</script>

最佳答案

你的问题出在哪里?您刚刚正确选择了 head 中的 div:

    var h = document.head;
var dh = h.getElementsByTagName('div');
// or short:
var dh = document.head.getElementsByTagName('div');

那么为什么不对 body 元素使用相同的方法:

    var db = document.body.getElementsByTagName('div');

getElementsByTagName()方法可以应用于任何 dom 元素。

关于javascript - 如何从正文中而不是从标题中选择所有div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10116070/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com