取得元JS(javascript)の基本操作をまとめます.

2177 ワード

var a = document.getElementByIdx_x_x("dom");
jsCopy(a);//         
var b = a.childNodes;//  a      ;
var c = a.parentNode;//  a    ;
var d = a.nextSibling;//  a        
var e = a.previousSibling;//  a        
var f = a.firstChild;//  a       
var g = a.lastChild;//  a        
Element、要素Attribute、属性Text、テキストDOMノードが作成する最も一般的なのはdocument.creatementとdocument.creat Text Nodeの方法です.
var el 1=document.creat Element('div')var el 2=document.creat Element('input')var node=document.create Text Node('hello world!')DOMクエリ要素クエリのAPIは、DOMノードまたはDOMノードのリストを返します.Dcumentは2つのQuery方法を提供しています.
//現在の文書の中で最初のクラスの「myclass」という要素var=document.querySelector(「.myclass」)に戻ります.
//一つのドキュメントのすべてのクラスを返します.「ノート」または「alert」のdiv要素var els=document.querySelectorAll(「div.note,div.alert」)
//元素var l=document.getElemenntById('xxx')を取得する;var els=document.getElements ByClass Name('highlight')var els=document.getElements ByTagName('td')Elementはまた、多くの元素に対するDOMナビゲーション方法を提供しています.
//親要素、親ノードvar parent=ele.parentElementを取得する;var parent=ele.parent Node;
//サブノードを取得し、サブノードは任意のノードであってもよく、nodeTypeによってvar nodes=ele.Childrenを判断することができる.
//クエリサブ要素var els=ele.getElements ByTagName('td')var els=ele.getElements ByClass Name('highlight')
//現在の要素の最初/最後のサブ要素ノードvar el=ele.first ElementChild;var el=ele.lastElemenntChild;
//次/前の兄弟要素ノードvar el=ele.nextElemenntSibling;var el=ele.previous ElemenntSibling;DOM変更/追加、サブ要素ele.apendChild(el)を削除する;ele.removeChild(el)
//置換子要素ele.replacceChild(el 1,el 2)
//サブ要素parentElement.insertBefore(newElement、referenceElement)を挿入する;属性操作/取得、{name、value}配列var atrs=el.atributes;
//取得、設定属性var c=el.get Attribute('class')el.set Attribute('class'、'highlight')
//属性el.hasAttribute('class')を判断、除去する;el.removeAttribute('class')
//属性設定があるかどうかel.hasAttributes()
転載先:https://www.cnblogs.com/web-chuanfa/p/9129194.html