属性的操作

1.取得属性
每个元素都有一或多个特性，这些特性的用途是给出相应元素或其内容的附加信息。

var div = document.getElementById('mydiv');
alert(div.getAttribute("id"));   //"mydiv"

HTMLElement也会有5个属性与相应的特性一一对应。不过只有公认的（非自定义的）特性才会以属性的形式添加到DOM对象中。

<div id="btn" align="left" haha="xiao"></div>
var div = document.getElementById('mydiv');
alert(div.id);   //"mydiv"
alert(div.align);  //"left"
alert(div.haha);   //undefined (IE除外)

2.设置属性
setAttribute(),这个方法接收两个参数：要设置的特姓名和值,如果特性存在，会将原先的值替换掉，如果不存在则创建该属性并设置相应的值

div.setAttribute('id','oDiv');

3.彻底删除元素的特性。

div.removeAttribute("class");

4.创建元素
document.createElement()方法只接收一个参数，即要创建的元素名；

var div=document.createElement(div);

5.元素的子节点,因为childNodes把文本节点也都当作子节点，所以判断一下他的nodeType如果为元素的才打印。

          <ul id=ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
          </ul>
        <script type="text/javascript">
            var oUl = document.getElementById("ul");
            for(var i=0;i<oUl.childNodes.length;i++){
                if(oUl.childNodes[i].nodeType == 1){
                    console.log(oUl.childNodes[i]);
                }
            }

       //或者也可以是
            var aLi=oUl.getElementsByTagName('li');
            for (var i=0;i<aLi.length;i++) {
                console.log(aLi[i]);
            }
        </script>