DOM核心

88 阅读1分钟

Dom 重点核心

文档对象模型成为dom,w3c已经定义一系列窗口,通过dom接口可改变网页内容,结构样式

对于html来说dum使得html形成一颗 dom树,包含文档,元素,节点

整个页面都是文档,所有标签都是元素,页面中所有内容都是节点

通过dom获取过来的元素返回的是个对象,所以成为文档对象模型

关于dom我们主要针对于元素的的操作,主要有创建、增、删、改查、属性操作、事件操作

创建

1. document.write   2.innerHTML  3.createElement

1. appendChild  2.insertBefore

removeChild

1. 修改元素属性:src title href 等

2. 修改普通元素样式:innerHTML innertext

3. 修改表单元素:value type disable等

4. 修改元素样式:style className

1. dom提供的方法:getElementById,getElementByTagName 古老方法不太推荐

2. H5新增:querySelector querySelectorAll提倡

3. 利用节点获取元素:父(parentNode),子(children)等提倡

属性操作

1. getAttribute获得属性的值

2. SetAttribute获得属性的值

3. removeArrtibute (删除属性的名称)移除属性

事件操作

image.png