dom基础

DOM查找方法


语法：doucment。getElemengtById（“id”）
功能
返回对拥有指定Id的第一个对象的引用
返回值：DOM对象
说明：id喂DOM元素上ID属性的值


语法：doucment.getElementsByTagName（“tag”）


功能：返回一个对所有tag标签引用的集合
返回值：数组】


说明：tag为要获取的标签名称




设置元素样式


语法：ele.style.styleName=stylevalue
功能：设置ele元素的CSS样式
说明
1.ele为要设置样式的DOM对象
2.styleNAme为要设置的样式名称
【 不能使用“-”连字符形式 font-size  使用驼峰命名形式fontSize】
3.atyleValue为设置的样式值








innerHTML
语法：ele.inner HTML
功能：返回ele元素开始和结束标签之间的HTML
语法ele.innerHTML=“html”
功能L:设置ele元素开始和结束标签之间的HTML内容为html




className
语法：ele.className
功能：返回ele元素的class属性
语法：ele.className="cls"
功能：设置ele元素的class属性为cls（会替换原来的）




获取属性
语法:ele.getAttribute("attribute")
功能：获取ele元素的attribute属性
说明：
1.ele是要操作的dom属性
2.attribute是要获取的html属性（如：id，type）






设置属性
语法：ele.setAttribute("attribute",value)
功能：在ele元素上设置属性
说明：
1.ele是要操作的dom对象
2.attribute为压迫设置的属性名称
3.value为要设置的attribute属性的值
【1.setAttribute方法必须要有两个参数】
【2.如果value是字符串 需加引导】
【3.setAttribute（）有兼容性问题】




删除属性
语法：ele.removeAttribuye("attribute")
功能：删除ele上的attribute属性
说明：
1.ele是要操作的dom对象
2.attribute是要删除的属性名称