javascript - 这个 jQuery 元素的 innerHTML 语句有什么问题？

Question

在我的 HTML 页面中，我有一个跨度:

<span id="nlbNode">...</span>

在我的 $(document).ready 函数中，我有以下内容。

if (document.getElementById("nlbNode")) {
    document.getElementById("nlbNode").innerHTML = "A";
}

这工作得很好，但是如果我这样做:

if (document.getElementById("nlbNode")) {
    $("#nlbNode").innerHTML = "A";
}

它不起作用。它什么也不做。甚至没有一个错误。 Span 的innerHTML 保持不变。

那么，为什么它不起作用呢？

Answer 1

jQuery 的 Node 元素没有 innerHTML 方法。如果您想使用 innerHTML，您可以通过 .get() 检索元素的 DOM 对应项。 :

$("#nlbNode").get(0).innerHTML = "A"

或者使用 jQuery 的 .text()方法:

$("#nlbNode").text("A");