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を使用する場合に必要なセレクターに「#」を追加したことに注意してください。

したがって、次の 2 つの選択肢があります。

生の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");