gpt4 book ai didi

htmlNode.childNodes[i].nodeName 中 #text 的 JavaScript 含义

转载 作者:行者123 更新时间:2023-11-27 23:23:23 26 4
gpt4 key购买 nike

我是 JavaScript 新手,当我使用 DOM 模型时,当我想要显示 HTML childNodes 中的所有 nodeName 时,我感到很困惑。当我有一个 head 标签并且删除完整的 head 标签时,有一个名为 #textnodeName是正常的 HEADBODY nodeName#text nodeName 特别是当我有 head 标签时意味着什么?

这是我的代码:

<html>
<head>
</head>
<body>
<p id="p1">SOME TEXT</p>
<button type="button" onclick="javascript:changeNode()">Click </button>
<script type="text/javascript">
function changeNode() {
var htmlNode = document.documentElement;
var anzahl = htmlNode.childNodes.length;

var html_text = "<p>";
for(var i = 0;i<anzahl;i++){
html_text += " " + htmlNode.childNodes[i].nodeName +";";
}
html_text += "</p>";
document.getElementById("p1").innerHTML = html_text;
}
</script>
</body>
</html>

它的输出是(带有head标签):

HEAD; #text; BODY;

它的输出是(没有head标签):

HEAD; BODY;

最佳答案

What means the #text nodeName especally when i have a head tag.

这些是您在标记中无意引入的空换行符。

如果您不想包含文本节点,请使用 children 而不是 childNodes

关于htmlNode.childNodes[i].nodeName 中 #text 的 JavaScript 含义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35199729/

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