Javascript_Dom编程 阅读笔记（1）

寻找html页面中的节点

所有文档节点getElementsByTagName("*"); document.getElementsByTagName("*")

文档节点 getElementsByTagName; document.getElementsByTagName("div")

id getElementById; document.getElementById("id_")

类class

 function getElementsByClassName(node,classname){
     if(node.getElementsByClassName){
     　　return node.getElementsByClassName(className);//使用现有方法
     }else{
        var results = new Array()
　　　　　　　　,elems = node.getElementsByTagName("*")
        　　,i=0
　　　　　　　　,elemslength = elems.length;
        for( i = 0;i<elemslength;i++){
        　　if(elems[i].className.indexof(classname)!= -1){
                results.push(elems[i]);
           }
        }
        return results;
     }
 }
　　　　getElementsByClassName(document.getElementById("domid"),"classname_");　　　　

　　　　getElementsByClassName(document,"classname_");

             var $ = function(str){
                 var results;
                 if(typeof str === 'string'){
                     var firstchar = str.substring(0,1),
                         selectchars = str.substring(1,str.length);
                     if(firstchar==='#'){
                         results = document.getElementById(selectchars);
                     }
                     else if(firstchar==='.'){
                         results = [];
                         var elements = document.getElementsByTagName("*"),
                             i = 0,
                             elements_length = elements.length;
                         for(i = 0;i<elements_length;i++){
                             if(elements[i].className===selectchars){
                                 results.push(elements[i]);
                             }
                         }
                     }
                 }
                 return results;
             }
             console.info($("#box"));
             var clas = $(".cc"),
                 i = 0,
                 clasLength = clas.length;
             for(i = 0;i<clasLength;i++){
                 console.info(clas[i]);
             }

设置dom属性及其值

document.getElementById("domid").setAttribute("title","This is dom");

获取dom属性的值

document.getElementById("domid").getAttribute("title");