设为首页 加入收藏

TOP

JavaScript | HTML DOM
2017-10-10 16:34:21 】 浏览:7662
Tags:JavaScript HTML DOM

什么是DOM

HTMLDOMHTML文档视作树结构,被称为"节点树"

作用:可通过 java script (以及其他编程语言)对 HTML DOM 进行访问

   

————————————————————————————————————————————

DOM对象方法

具体方法见手册

getElementById()

返回带有指定 ID 的元素。

getElementsByTagName()

返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。

getElementsByClassName()

返回包含带有指定类名的所有元素的节点列表。

appendChild()

创建新的元素。

removeChild()

删除子节点。

replaceChild()

替换子节点。

insertBefore(

插入新的子节点。

createAttribute()

创建属性节点。

createElement()

创建元素节点。

createTextNode()

创建文本节点。

getAttribute()

返回指定的属性值。

setAttribute()

把指定属性设置或修改为指定的值。

————————————————————————————————————————————

DOM属性

具体方法见手册

innerHTML

获取元素内容

  • innerHTML 属性对于获取或替换 HTML 元素的内容很有用

nodeName

属性规定节点的名称

  • nodeName 是只读的
  • 元素节点的 nodeName 与标签名相同
  • 属性节点的 nodeName 与属性名相同
  • 文本节点的 nodeName 始终是 #text
  • 文档节点的 nodeName 始终是 #document
  • nodeName 始终包含 HTML 元素的大写字母标签名。

nodeva lue

规定节点的值。

  • 元素节点的 nodeva lue undefined null
  • 文本节点的 nodeva lue 是文本本身
  • 属性节点的 nodeva lue 是属性值

nodeType

返回节点的类型

  • nodeType 是只读的

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇通过JS拦截 pushState 和 replace.. 下一篇PM2源码浅析

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目