Javascript：获取节点值

Question

我是Javascript的新手，我需要获取标识为firstvalue的节点的值，以便我可以在我的脚本中使用它。任何人都可以告诉我如何获得这个价值？

<div id="myDiv">

<span id="firstValue"> 5.22 <span id="nestedValue"> 500 </span></span>

</div> <!-- myDiv -->

Answer 1

document.getElementById("firstValue")会为您提供<span>的参考。这有两个子节点，您可以通过类似数组的childNodes属性进行引用，或者在这种情况下只使用firstChild和lastChild属性。例如，以下内容将返回字符串“5.22”：

document.getElementById("firstValue").firstChild.nodeValue;

Answer 2

var nodeValue = document.getElementById("firstValue").innerHTML

这将=“5.22 <span id="nestedValue"> 500 </span>”

Answer 3

许多javascript库在访问DOM元素方面有很多帮助，例如：prototype，dojo，jQuery等等。在原型中，您可以输入：$('firstValue').firstChild.nodeValue

Answer 4

这是一个用于此目的的简单函数，并且对于该情况的错误处理，span不存在或者为空：

function getFirstValue() {
    var spanFirstValue = document.getElementById("firstValue");
    if (spanFirstValue) {
        var textNode = spanFirstValue.childnodes[0];
        if (textNode) {
            return textNode.data;
        }
    }
    return "";
}

Answer 5

这也可以像这样...

document.getElementById("firstValue").textContent;

这将为您提供不带html的文本内容。