javascript - 如何在 JS 中编辑 html 节点的子节点？

Question

不知道如何表达这个问题，但我需要修改 node 的子节点：

<a id="page_number">1 / 1</a>

我正在使用 JS 和 JQuery。到目前为止，我得到这样的节点：

$("#page_number")[0]

我可以不用方括号（getElementById？）就可以得到这个。那么如何修改值'1 / 1'？

Answer 1

$("#page_number").html("this is the new content");

Answer 2

$("#page_number")[0]正在为您提供从 jQuery 对象返回的原始 dom 节点（相当于$("#page_number").get(0)- 请注意，如果您使用 jQuery，我在选择器中添加了您需要的“#”。

所以你有两个选择：

原始 DOM

//get
var myvar = document.getElementById("page_number").innerHTML;
//set
document.getElementById("page_number").innerHTML = "New Content";

jQuery

//get
$("#page_number").html();
//set
$("#page_number").html("New content");