Javascript 为什么是;脚本“;“的孩子”;正文;?
首先,我的HTML/CSS/Javascript很差,我只是想通过考试。我有以下代码:Javascript 为什么是;脚本“;“的孩子”;正文;?,javascript,html,Javascript,Html,首先,我的HTML/CSS/Javascript很差,我只是想通过考试。我有以下代码: <script> window.onload=function() { var c = document.body.childNodes; var txt = ""; var i; for (i = 0; i < c.length; i++) { txt = txt + c[i].nodeName + "<b
<script>
window.onload=function() {
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeName + "<br>";
}
document.getElementById("demo").innerHTML += txt;
alert(document.getElementById("demo").childNodes[0].nodeName);
}
</script>
</head>
<body><!-- Comm -->
<p>PPPP</p>
<div>DIVV</div>
<p>IMGGG</p><br>
<img src="someimg.jpg" alt="!!!">
<p id="demo"><strong>document.body.childNodes:</strong><br>
</p>
</body>
最后两行(“脚本”和“#文本”)来自哪里?请查看源代码和输出的完整列表。在您的示例中,最后的5标记似乎有问题 来源 细节
- IMG-是图像吗
- #text-是IMG和P之间的空白
- P-是
- #text-是浏览器在
和
之间插入的空格
PPPP
DIVV
IMGGG
!!!
document.body.childNodes:
#comment
#text
P
#text
DIV
#text
P
BR
#text
IMG
#text
P
#text
#comment
#text
SCRIPT
#text
<!doctype html>
<html>
<head>
<script>
"use strict";
window.addEventListener('load', onLoaded, false);
function onLoaded(evt)
{
var i, txt='', c = Array.from(document.body.childNodes), tgt=document.getElementById("demo");
for (i = 0; i < c.length; i++)
{
txt = c[i].nodeName + "<br>";
tgt.innerHTML += txt;
}
alert(document.getElementById("demo").childNodes[0].nodeName);
}
</script>
</head>
<body><!-- Comm -->
<p>PPPP</p>
<div>DIVV</div>
<p>IMGGG</p><br>
<img src="someimg.jpg" alt="!!!">
<p id="demo"><strong>document.body.childNodes:</strong><br>
</p></body>
</html>
PPPP
DIVV
IMGGG
!!!
document.body.childNodes:
#comment
#text
P
#text
DIV
#text
P
BR
#text
IMG
#text
P
#text