Dom
定义:
当浏览器去解析html标签完毕后会生成一个dom树形结构
会有三种类型节点
元素类型
文本类型
属性类型
节点之间会用关系
父子
兄弟关系
Dom核心方法
附:
操作html有三种方式
html方式
Dom核心方式
标记: 橙色
xml方式
属性操作
getAttribute(属性名)
获取属性
setAttribute(属性名,属性值)
设置属性
创建
createElement()
添加
parent.append(被添加的元素)
parent.insertBefore(被添加元素,在谁之前)
删除
parent.removeChild(被删除元素)
节点关系
parentElement
父亲元素节点
Children
子节点
firstElementChild
第一个字节点
lastElementChild
最后一个子节点
nextElementSibling
下一个兄弟子节点
previousElementSibling
上一个兄弟子节点