如何在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) - 注意我在选择器中添加了“＃”，如果你使用的话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");