JavaScript的DOM

本文总结下WEB前端学习过程中遇到的JavaScript的DOM~

常见的元素有:

  • Document:整个html文件都成为一个document文档;
  • Element:所有的标签都是Element元素;
  • Attribute:标签里面的属性;
  • Text:标签中间夹着的内容为text文本;
  • Node:document、element、attribute、text统称为节点node。

Document对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

注意:

  1. 后面的两个方法获取之后需要遍历;
  2. 以下两个方法很重要,尽管手册中没写。
//创建文本节点
document.createTextNode()
//创建元素节点
document.createElement()

Element对象

我们所认知的html页面中所有的标签都是element元素,元素常用的方法有:

//向元素添加新的子节点,作为最后一个子节点。
element.appendChild()
//返回元素的首个子节点。
element.firstChild
//返回元素节点的指定属性值。
element.getAttribute()
//设置或返回元素的内容。
element.innerHTML
//在指定的已有的子节点之前插入新节点。
element.insertBefore()
//返回元素的最后一个子元素。
element.lastChild
//把指定属性设置或更改为指定值。
element.setAttribute()
//从元素中移除子节点。
element.removeChild()
//替换元素中的子节点。
element.replaceChild()

Attribute对象

我们所认知的html页面中所有标签里面的属性都是attribute,常用的属性和方法有:

标签: none