目录
5.element.className 设置或返回元素的class属性
6.element.classList 返回元素的类名,作为 DOMTokenList 对象。
1.获取DOM对象的 六 种方式
查找 HTML 元素
document.getElementById();返回对拥有指定 id 的第一个对象的引用。
document.querySelector();返回文档中匹配指定的CSS选择器的第一元素
document.querySelectorAll();HTML5中引入的新方法,返回文档中匹配的CSS选择器的所有元素节点列表
document.getElementsByTagName();返回带有指定标签名的对象集合。
document.getElementsByClassName();返回文档中所有指定类名的元素集合,作为 NodeList 对象。
document.getElementsByName();返回带有指定名称的对象集合。
2.设置或获取HTML内容
innerHTML:设置或获取位于对象起始和结束标签内的 HTML
innerText:设置或获取位于对象起始和结束标签内的文本
outerHTML:设置或获取对象及其内容的HTML形式
outerText:设置(包括标签)或获取(不包括标签)对象的文本
value:input,select,textarea,checkbox,radio内容的获取和设置
3.设置或获取HTML属性
obj.attr="新属性值";attr指属性名,如src;id;name,value,type,href,rel,type,alt,width,heigth等
obj.属性名 = "新属性值";
obj.