gpt4 book ai didi

Javascript,将文本添加到具有现有文本节点的元素

转载 作者:行者123 更新时间:2023-12-02 16:17:10 25 4
gpt4 key购买 nike

我想在 <h1> 中的“Groceries”旁边添加文本使用 nodeValue 进行标记属性(property)或textContentPropery 。我添加了两种对我不起作用的方法。请给我一个为什么它没有发生的原因,而不仅仅是答案。我不想使用appendChild属性在此。

<body>
<h1 id="head">Groceries</h1
><div id="li-container"
><ul
><li>item2</li
><li>item3</li
><li>item4</li
><li>item5</li
></ul
></div>

<script language="javascript" type="text/javascript">

var list = document.getElementsByTagName("li");

var head = document.getElementById("head").firstChild.nodeValue;
head.nodeValue = head + list.length;

//OR OR OR OR
//
var head = document.getElementById("head").firstChild.textContent;
head.textContent = head + list.length;

</script>
</body>

最佳答案

var head = document.getElementById("head").firstChild.nodeValue;

这里的 head 仅包含文本 Groceries。因此您无法访问 groceries.nodevalue

所以你必须使用:

var head = document.getElementById("head").firstChild;
head.textContent = head.nodeValue + list.length;

在这里,我们首先将 textNode 的引用存储在 head 中。

在第二行中,我们在该文本节点中设置文本内容。

关于Javascript,将文本添加到具有现有文本节点的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29465123/

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