1.获取元素的方式:
document. getElementById('id')
document. ge tElementsByTagName ('标签名')
getElementsByClassName('类名')
getElementsByName ( 'name属性值')
querySelector('选择器)
querySelectorAll('选择器’)-----元素组成的集合
2.事件的类型:
点击事件: onclick
鼠标移入移出: onmouseover onmouseout
获取、失去焦点:onfocus onblur
3.操作的属性
src alt title
type value id className disabled readonly
4.操作样式:
1.通过style属性: dom对象 .style.样式属性=值;
2.通过类名:dom对象. className=类名
本日内容:
I.接触兼容
2. innerHTML innerText textcontent
3.自定义属性
4.在页面中创建元素
list[i]. removeAttribute('score') ;//移出自定义的属性
list[i] .removeAttribute ('type');//移出元素自带的属性
回顾概念:
1. dom: document object modal
2.文档对象: document
3.元素: element页面中的标签元素- -标签- -对象
4.节点: Node页面中的所有的内容(标签属性注释换行空格)
节点的属性:
1. NodeType: 节点的类型: 1---表示标签 2---表示属性
2.NodeName:节点的名字 标签--- 大写的标签名属性_--- 小写的属性名 文本节点---#text
3. Nodevalue: 节点的值: 标签---null属性---属性值 文本---文本内容