如何在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");