HTML文档中的常用节点类型:
接口
nodeType
备注
Element
1
元素节点
Text
3
文本节点
Document
9
Document
Comment
8
注释文本
DocumentFragment
11
Document片段
Attribute
2
节点属性
 
常用的Document的方法:
方法
描述
createAttribute()
用指定的名字创建新的Attribute节点
createComment()
用指定的字符串创建新的Comment节点
createElement()
用指定的标记名创建新的Element节点
createTextNode()
用指定的文本创建新的TextNode节点
getElementId()
返回文档中具有指定id属性的Element节点
getElementByTagName()
返回文档中具有指定标记名的所有Element节点
 
Element常用的属性和方法
方法/属性
描述
tagName
以字符串形式返回指定属性的值
getAttributeNode()
以Attribute节点的形式返回指定属性的值
getElementByTagName()
返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序
hasAttribute()
如果该元素具有指定名字的属性,则返回true
removeAttribute()
从元素中删除指定的属性
removeAttributeNode()
从元素的属性列表中删除指定的Attribute节点
setAttribute()
把指定的属性设置为指定的字符串值,如果该属性不存在则添加一个新属性
setAttributeNode()
把指定的Attribute节点添加到该元素的属性列表中
 
Node常用的属性和方法
方法/属性
描述
Attributes
如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性
childNodes
以Node[]的形式存放当前节点的子节点,如果没有节点,则返回空数组
firstChild
以Node的形式返回当前节点的第一个节点,如果没有节点则返回NULL
lastChild
以Node的形式返回当前节点的最后一个节点,如果没有节点则返回NULL
parentNode
以Node的形式返回当前节点的父节点,如果没有节点则返回NULL
previousSibling
以Node的形式返回紧挨当前节点,位于它之前的兄弟节点,如果没有这样的节点则返回NULL
nextSibling
以Node的形式返回当前节点的下一个兄弟节点,如果没有节点则返回NULL
nodeName
节点的名字,Element节点则代表Element标记的名称
nodeType
代表节点的类型
appendChild()
通过把一个节点增加到当前节点的childNode[]组,给文档树增加节点
cloneNode()
复制当前节点,或者复制当前节点以及它的所有子孙节点
hasChildNodes()
如果当前节点拥有子结点,则返回true
insertBefore()
给文档树插入一个节点,位置在当前节点的指定位置之前,如果该节点已经存在,则删除之,然后再将节点插入到它的位置。
removeChild()
从文档树中删除并返回指定的子结点
replaceChild()
从文档树中删除并返回指定的子结点,用另一个节点替代它。

DOM对象常用对象的方法和属性的更多相关文章

  1. jQuery源码06-jQuery = function(){};给JQ对象,添加一些方法和属性,extend : JQ的继承方法,jQuery.extend()

    /*! * Includes Sizzle.js 选择器,独立的库 * http://sizzlejs.com/ */ (function( window, undefined ) { //" ...

  2. jquery的2.0.3版本源码系列(3):96行-283行,给JQ对象,添加一些方法和属性

    jquery是面向对象的程序,面向对象就离不开方法和属性. 方法的简化 jQuery.fn=jQuery.prototype={ jquery: 版本 constructor: 修正指向问题 init ...

  3. C#动态对象(dynamic)示例(实现方法和属性的动态)

    C#的动态对象的属性实现比较简单,如果要实现动态语言那种动态方法就比较困难,因为对于dynamic对象,扩展方法,匿名方法都是不能用直接的,这里还是利用对象和委托来模拟这种动态方法的实现,看起来有点J ...

  4. String对象常用的一些方法

    anchor() 创建 HTML 锚. big() 用大号字体显示字符串. blink() 显示闪动字符串. bold() 使用粗体显示字符串. charAt() 返回在指定位置的字符. charCo ...

  5. 控制台console对象常用的一些方法

    console.log():调试中最常用的方法,用于在控制台窗口显示信息. console.log(123); console.warn():输出信息时,在最前面加一个黄色三角,表示警告 consol ...

  6. javaScript DOM编程经常使用的方法与属性

    DOM是Document Object Model文档对象模型的缩写.依据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你能够訪问页面其它的标准组件. Node接口的特性和方法 ...

  7. SAP OLE中常用的一些方法和属性

    1.ole中如何保存和退出. call method of sheetname = filepath # =. call method of applicationname 'quit'. 2.给sh ...

  8. ES6 对象定义简写及常用的扩展方法

    1.ES6 对象定义简写 es6提供了对象定义里的属性,方法简写方式: 假如属性和变量名一样,可以省略,包括定义对象方法function也可以省略 <script type="text ...

  9. document对象常用属性

    转载请注明来源:https://www.cnblogs.com/hookjc/ 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写    否则会提示你一个错误信息 " ...

随机推荐

  1. UVALive6571 It Can Be Arranged(最小路径覆盖)

    题意:现在有n个课程,每个课程有一定的参与人数,然后每个课程有开始时间和结束时间ai,bi. 而且给定了一个矩阵clean(ij),表示的是上完i课程需要clean[i][j]的时间打扫卫生才能继续上 ...

  2. HDU 4588 Count The Carries(找规律,模拟)

    题目 大意: 求二进制的a加到b的进位数. 思路: 列出前几个2进制,找规律模拟. #include <stdio.h> #include <iostream> #includ ...

  3. iOS-CALayer图片淡入淡出动画

    ]; } - (.f;          CABasicAnimation *boundsAnimation = [CABasicAnimation animationWithKeyPath:, ,  ...

  4. Freebie: Material Design UI Kit

    点这里 Following the guidelines laid out by Google, this free UI kit has been designed so that you can ...

  5. Javascript 图片延迟加载之理论基础

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  6. JavaScript call和apply的用法

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  7. Webpack教程一

    比较 如果你熟悉原来一系列的构建工具,grunt或者gulp之类的,这里有一篇webpack和他们比较的文章可以读一读. Webpack Compared 安装 先装好node和npm,因为webpa ...

  8. URAL 1586 Threeprime Numbers(DP)

    题目链接 题意 : 定义Threeprime为它的任意连续3位上的数字,都构成一个3位的质数. 求对于一个n位数,存在多少个Threeprime数. 思路 : 记录[100, 999]范围内所有素数( ...

  9. 妙味课堂——HTML+CSS(第四课)(二)

    单开一篇来讲一个大点的话题——清浮动    来看下例: <!DOCTYPE html> <html> <head> <meta charset="U ...

  10. JSX架构及注释

    一.架构 二.注释 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=&q ...