jsでDOM要素を操作する方法

DOM ノードは通常、タグ、テキスト バージョン、または HTML 属性に対応します。 DOM ノードには、現在の要素の列挙型 {1:Element,2:Attribute,3:Text} を表すために使用される nodeType 属性があります。この記事では主にjsでのDOM要素の操作方法を紹介し、皆様のお役に立てれば幸いです。

1. DOM ノードの作成

var node1 = document.createElement('p');
var node2 = document.createTextNode('Hello World');

2. セレクター

var ele1 = document.querySelector('{.className/#id/tagName}');
var eleList = document.querySelectorAll('.className,#id,p');

4. DOM の変更

var ele2 = document.getElementById('{id}')
var ele3 = document.getElementByClassName('{className}');
var ele4 = document.getElementByTagName('{tagName}');

関連する推奨事項:

グローバル Variable_DOM

以上がjsでDOM要素を操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。