ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript の DOM メソッドに関する簡単な説明

JavaScript の DOM メソッドに関する簡単な説明

高洛峰
高洛峰オリジナル
2017-02-06 09:27:081220ブラウズ

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

1) document.getElementById(id); オブジェクトの属性 ID で取得します; 2) element.getElementByTagName(tag); 3)element .getElementByClassName(class); 属性クラス名を通じて取得します

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 node=3

3)nodeValue属性:メイン関数 要素内のテキスト内容を変更する関数はobject.innerHTMLと似ています

例:

これはテキスト ノード

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

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

これにより、 p node;

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

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

JavaScript の DOM メソッドに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。