DOM的innerHMTL和className

innerHTML属性
语法：ele.innerHTML
功能：返回ele元素开始和结束标签之间的HTML
语法：ele.innerHTML="html"
功能：设置ele元素开始和结束标签之间的HTML内容为html
innerHTML：获取和设置标签之间的文本和html内容

    <ul id="list">
        <li><i>22</i></li>
        <li><b>33</b></li>
        <li>44</li>
        <li>55</li>
    </ul>
    <script type="text/javascript">
         var lis = document.getElementById("list").getElementsByTagName("li")
        for(var i=0,len=lis.length;i<len;i++){
            console.log(lis[i].innerHTML);//可以提取出，文本以及html标签
            lis[i].innerHTML +="程序";
            // console.log(lis);
        }
    </script>

className属性
语法：ele.className
功能：返回ele元素的class属性

语法：ele.className="cls"
功能：设置ele元素的class属性为cls
如果原来标签有类绑定了，执行上面的操作后，会替换元素本身的class

如何在DOM元素上添加删除获取属性