js DOM

标签：操作   对象   文本   功能   引用   nts   tag   innerhtml   数组   

1-1 DOM查找
document.getElementById()
功能：返回拥有这个id的第一个对象的引用
返回：dom对象
如果页面中id不存在  会返回null  如果有重复的id返回第一个

document.getElementsByTagName("tag")
功能：返回一个对所有标签引用的集合
返回：数组
说明：tag为要获取的标签的名称

1-5 DOM(如何设置元素样式)
设置元素样式
语法：element.style.styleName=styleValue
说明：
element 为设置样式的DOM对象
styleName为要设置的样式名称  注不能使用“-” 例如font-size 使用驼峰形式命名fontSize
styleValue设置的样式值

1-9 DOM（innerHTML和className）
innerHTML 获取和设置标签之间的文本和html内容
语法：element.innerHTML
功能：返回ele元素开始和结束标签之间的HTML
ele.innerHTML="html"
功能：设置ele元素开始和结束标签之间的HTMl内容为html

className
ele.className  获取元素的class属相
ele.className="cls" 设置元素的class属性为cls

1-13 DOM属性设置与获取
获取属性
语法 ele.getAttribute("attribute") 获取ele元素的attribute属性
说明 ele是要操作的dom对象  attribute是要获取的html属性（如：id type）

设置属性
语法：ele.setAttribute("attribute",value)
说明
ele是要操作的dom对象 attribute为要设置的属性名称 value为设置的attribute属性的值

删除属性
语法：ele.removeAttribute("attribute")
说明
ele是要操作的dom对象 attribute为要删除的属性名称

js DOM

标签：操作   对象   文本   功能   引用   nts   tag   innerhtml   数组   

原文地址：https://www.cnblogs.com/alasijia/p/9223605.html