この部分はいわゆる「HTML DOM」です。いわゆる HTML DOM は、Web ページの構成の基本的な規則です。
つまり、すべての Web ページは、
... というルールに従って記述され、そのルールに従って読み込まれる必要があります。
いわゆる「Web ページ ノード」は、一般的な説明では「DOM ノード」とも呼ばれます。たとえば、html ノードの下のコンテンツは、 の間にあるすべてのコンテンツです。 body ノードの下のコンテンツは
の間のすべてです。
HTML DOM は次のように規定されています: 1. ドキュメント全体がドキュメント ノードです。 2. 各 HTML タグ (単なる タグではなく、
などの HTML タグを意味します) は次のように規定されています。要素ノード 3. HTML 要素に含まれるテキストはテキスト ノードです。 4. 各 HTML 属性は属性ノード です。
たとえば、次の DOM ノード ツリーとしてページを描画できます:
HTML DOM の正式な定義は次のとおりです。HTML DOM は HTML Document Object Model の略称であり、HTML DOM は HTML/XHTML に特に適用されるドキュメント オブジェクト モデルです。ソフトウェア開発に精通している人は、HTML DOM を Web ページの API として理解できます。 Web ページ内の各要素をオブジェクトとして扱うため、Web ページ内の要素をコンピュータ言語によって取得または編集することもできます。 たとえば、JavaScript は HTML DOM を使用して Web ページを動的に変更できます。
JavaScript を使用すると、これらの DOM ノード上の Web ページ ノードの追加、削除、変更、確認を簡単に制御できます。
2. 基本目標
JavaScript を使用して、Web ページ上のノードを追加、削除、変更、確認します。 Web ページには次があります:
function createnode() {
if (i
私 ;
var オプション = document.createElement("オプション");
オプション.値 = i;
option.innerHTML = "ノード" i.toString();
document.getElementById("数値").appendChild(オプション);
var p = document.createElement("p");
p.innerHTML = "ノード" i.toString();
document.getElementById("d").appendChild(p);
} else
alert("爷行行好了，太多节点，臣妾做不到啊~");
}
関数 Removenode() {
if (i > 0) {
私 - ;
var s = document.getElementById("数値");
s.removeChild(s.lastChild);
var d = document.getElementById("d");
d.removeChild(d.lastChild);
} else
alert("没有节点，删个毛線啊~");
関数 replacenode() {
if (i > 0) {
var d = document.getElementById("d");
var p = document.createElement("p");
p.innerHTML = document.getElementById("text").value;
var ps = d.getElementsByTagName("p")
d.replaceChild(p, ps[document.getElementById("number").value - 1]);
} else
alert("没有节点，替换个毛線啊~");
}
