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

Question

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

<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) - 请注意我添加了“＃”in使用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");