DOM0编程与基础方法

## 这里记录一下DOM编程的基础与方法
----
### DOM 的O：对象 object
O表示Object，对象的意思。
JavaScript中对象可以分为三种类型
1. 用户定义对象(user-defined object)，用户自己定义的对象
2. 内建对象(native object),内建对象是javascript语言里的对象，如jArray，Date，Math
3. 宿主对象(host object)，由浏览器提供的对象，如window

### DOM的D： 文档 document
一个文档就是一个节点树
parent（父），child（子），sibling（兄弟）
节点，节点就是组成文档的最小单位。节点分为不同的类型，元素节点、属性节点和文本节点等。
元素节点(Element node)、属性节点（attribute node）、文本节点（text node）
元素节点包含属性节点和文本节点。

####　获取元素
三种方式：getElementById()、getElementsByTagName()、getElementsClassName()
三种方式的例子:

document.getElementById("purcharse");//得到的是
//获取网页ul元素下有多少个li元素，其中ul的id=purcharse
var shopping = document.getElementById("purcharse");
var items = shopping.getElementsByTagName("*");
alert(items.length);
for(var i = 0 ; i <items.length; i++){
   alert(typeof item[i]);
 }
//重写getElementsByClassName(str)
function getElementsByClassName(node, classname){
    if(node.getElementsByClassName){
        return node.getElementsClassName(classname);
    }else{
         var reuslts = new Array();
          var elems = node.getElementsByTagName("*");
          for (var i = 0; i < elems.length; i++) {    
              if (elems[i].indexOf(classname) != -1) {       
                     results[results.length] = elems[i];   
               }
          }
          return results;
    }
}
使用
var shopping = document.getElementById("purcharse");
var items = getElmentsByClassName(shopping,"salname");

　

转载于:https://www.cnblogs.com/alisonGavin/p/5862725.html