JS获取生成的textnode的值

发布于 2024-11-17 19:48:38 字数 455 浏览 2 评论 0原文

我在 for 循环中有这个 Javascript：

renderAElements[i] = document.createElement ("a");
        renderAElements[i].setAttribute("href", "#");
        renderAElements[i].setAttribute("class", "expander");
        renderAElements[i].appendChild(expand);

        alert (renderAElements[i].nodeValue);

其中 Expand 创建为：

var expand = document.createTextNode("+");

警报，旨在返回每个创建的元素的链接文本返回 null。这是为什么呢？

原文

I have this Javascript in a for loop:

renderAElements[i] = document.createElement ("a");
        renderAElements[i].setAttribute("href", "#");
        renderAElements[i].setAttribute("class", "expander");
        renderAElements[i].appendChild(expand);

        alert (renderAElements[i].nodeValue);

where expand is created as:

var expand = document.createTextNode("+");

The alert, which is meant to return the link text of each created element returns null. Why is this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自由如风 2024-11-24 19:48:38

因为您正在尝试获取 Element 节点的 nodeValue 而不是 Text 节点。

alert (renderAElements[i].firstChild.nodeValue);

Because you are trying to get the nodeValue of the Element node and not the Text node.

alert (renderAElements[i].firstChild.nodeValue);

回复收藏 0 原文

遗心遗梦遗幸福 2024-11-24 19:48:38

这是因为 a 元素包含另一个元素而不是值。如果您想从节点中获取文本，您需要执行以下

renderAElements.childNodes[0].nodeValue

操作之一

renderAElements.innerText

It's because the a element contains another element and not a value. If you want to get the text out of the node you'll need to do either

renderAElements.childNodes[0].nodeValue

renderAElements.innerText

回复收藏 0 原文

○闲身 2024-11-24 19:48:38

看看这个

<head>
    <script type="text/javascript">
        function GetTextNode () {
            var textContainer = document.getElementById ("textContainer");
            var textNode = textContainer.firstChild;
            alert (textNode.data);
        }
    </script> 
</head>
<body>
    <div id="textContainer">This is a simple text in the container.</div>
    <button onclick="GetTextNode ()">Get the contents of the container</button>
</body>

Check this out

<head>
    <script type="text/javascript">
        function GetTextNode () {
            var textContainer = document.getElementById ("textContainer");
            var textNode = textContainer.firstChild;
            alert (textNode.data);
        }
    </script> 
</head>
<body>
    <div id="textContainer">This is a simple text in the container.</div>
    <button onclick="GetTextNode ()">Get the contents of the container</button>
</body>

回复收藏 0 原文