DOM基础一

一、DOM的查找方法
1、document.getElementById(“id”) — 返回对拥有指定ID的第一个对象的引用，id是DOM元素上的属性值。
2、document.getElementsByTagName(“Tag”); — 返回一个对所有tag标签的集合，注意这里返回的是数组，而且tag是指要获取的标签名称。

二、设置元素样式
1、ele.style.styleName = styleValue — 设置ele元素的CSS样式

       说明：1.ele为要设置样式的DOM对象
             2.styleName为要设置的样式名称  ---  把CSS中用“-”连接的命名方式（font - size）改成驼峰式fontSize
             3.styleValue为设置的样式值

三、innerHTML
语法：ele.innerHTML — 返回ele元素开始和结束标签之前的html，就是获取文本。
ele.innerHTML = “html” — 设置ele元素开始和结束标签之间的 HTML内容为html。

四、className
语法：ele.className — 返回ele元素的class属性
ele.className = “cls” — 设置ele元素中的class属性为cls，这个是重新设置类，会替换掉元素本身的class。

五、使用style属性设置元素CSS样式

1.语法：ele.getAttribute("attribute") --- 获取ele元素的attribute属性
          说明：1.ele是要操作的dom对象
                    2.attribute是要获取的HTML属性，如  ID 
                    
 2.设置属性
        语法：ele.setAttribute( "attribute", value ) --- 在ele元素上设置属性
            说明：1.ele是要操作的DOM对象
                      2.attribute为要设置的属性名称
                      3.value为设置的attribute属性的值


 3.删除属性
         语法：ele.removeAttribute("attribute"） --- 删除ele上的attribute属性
            说明：1.ele是要操作的DOM对象
                      2.attribute为要删除的属性名称