javascript - 为什么获取nodeValue时，即使显示正确，仍然返回null？

Question

这让我发疯。我正在通过 Ajax 将代码插入页面。插入代码后，我正在运行一个函数来抓取其中一个 DIV 的文本并将其显示在页面上的另一个位置。

有人可以告诉我为什么我总是收到 JavaScript 错误，指出 currentText 为 null，即使文本在页面的其他位置正确显示？

var currentText = document.getElementById("current-text"),
updatedTextHere = document.getElementById("updated-text-here");

updatedTextHere.innerHTML = currentText.firstChild.nodeValue;

这是它从中获取文本值的代码，该代码通过 Ajax 插入到主页中:

<div id="current-text" class="hide">January 1, 2011</div>

更新:

它的外观如下:

getDate = function () {
    var currentText = document.getElementById("current-text"),
    updatedTextHere = document.getElementById("updated-text-here");

    updatedTextHere.innerHTML = currentText.firstChild.nodeValue;
},

htmlready = function () {
    myDiv.innerHTML = xmlRequest.responseText;
    getDate();
},

Answer 1

您遇到的问题是 firstChild 不是 currentText 的节点。您的 nodeValue 没有值，因为它不存在。您应该使用 innerHTML 或 textContent。

更改为...

updatedTextHere.innerHTML = currentText.firstChild.textContent; // or innerHTML