dom的重点核心
关于DOM主要针对元素的操作,主要有创建增删,改,查属性操作,事件操作
- 创建元素的三种方法
- 增加元素
appendChild 指定元素后面添加节点
insertBefore 指定元素前面添加节点 - 删除元素 删除节点用 removeChild(父节点.子节点)
- 查询元素: 主要查询dom 的元素
dom提供的API方法
h5提供的新方法
利用节点操作获取元素:父 (parentNode) 子(children) 兄(previousElementSibling nextElementSibling ) - 修改元素:主要修改DOM的元素属性,元素属性表单的值等
修改元素的属性:src href title
修改元素的内容:innerHtml innerText
修改表单元素的值等:value type disable
修改元素的样式:style className - 属性操作
获取属性值:getAttribute
设置属性值:setAttribute
移除属性值:removeAttribute - 事件操作
给元素注册事件: 事件三要素:事件源 事件类型 事件处理程序