js DOM(Dcument Object Model)——ドキュメントオブジェクトモデル

DOM(Dcument Object Model)——ドキュメントオブジェクトモデル
一つのページは文書です.この文書はブラウザのウィンドウに表示されてもいいし、ソースコードとして表示されてもいいです.
DOMは、この文書を格納し、操作する別の方法を提供する.DOMはウェブページの完全な対象向けの表示方法であり、スクリプト言語(例えばJavaScript)によって変更できます.
DOMとBOMの関係?――BOMはDOMを含む
documentオブジェクトには3つの強力な方法があり、ページの任意の要素を取得できます.
1.

var p1 = document.getElementById("p1");
        //  ID p1     
	//      ID      ，getElementById              alert(p1.tagName);

2.

var allP = document.getElementsByTagName("p");
  //       p  
  //              ,           p ,getElementsByTagName        
  for (var i=0;i < allP.length;i++) {
		alert(allP[i].innerHTML);//              
	}

2.1 getElements ByTagNameはまた、ワイルドカード*を使用してすべての要素を取得することができます.

      var allTags = document.getElementsByTagName("*");
	alert(allTags.length);

2.2より強力なのは、getElements ByTagNameは、documentオブジェクトだけでなく、他のHTML要素からも呼び出すことができます.

var p2 = document.getElementById("p2");
	var p2ps = p2.getElementsByTagName("em");//   p2   em  ，    p2   em
	//      name        :getElementsByName

3.

var radios = document.getElementsByName("check");
  //    name check   

4.要素属性の取得と設定——getAttributeとset Attributeの方法

var p1 = document.getElementById("p1");
	alert(p1.getAttribute("id"));
	p1.setAttribute("title","Value");