javascript_javascript スキルにおける DOM メソッドに関する簡単な説明

1: オブジェクトを入手する 3 つの方法

1) document.getElementById(id); オブジェクトの属性 ID を通じて取得します。

2) element.getElementByTagName(tag);

3) element.getElementByClassName(class); 属性クラス名を通じて取得します。

2: 属性の設定および取得メソッド。

1) object.getAttribute(attribute); 要素の属性を取得します。===>>>HTMLDOM: object.attribute;

2)object.setAttribute(attribute,value);要素の属性を設定します。====>>>HTMLDOM:object.attribute=value;

3: ノードのいくつかのプロパティ

1) childNodes 属性: 配列を返します。

element.childNodes[0] は element.firstChild

と同等です

element.childNodes[element.childNodes.length]は、element.lastChild

と同等です。

2) nodeType 属性: 合計 12 個の可能な値がありますが、そのうちの 3 つだけが価値があります

要素ノードのnodeType=1

属性ノードnodeType=2

テキストノードnodeType=3

3）nodeValue属性：主な機能は要素内のテキストコンテンツを変更することです。機能はobject.innerHTML

と似ています。

例:

これはテキスト ノードです

var p=document.getElementById("p");

p.childNodes[0].nodeValue="テキスト ノードのコンテンツを変更します";

これにより、p ノードの内容が変更されます。

次のように実装することもできます: p.innerHTML="テキスト ノードのコンテンツを変更する";

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。