把上面的例子转换到HTML中,如下:
<input type=”checkbox” name=”hobby” id=”hobby1”> 音乐
input标签就像人的类别。
name属性就像人的姓名。sort排序默认
id属性就像人的。
getAttribute()方法:elementNode.getAttribute(name)通过元素节点的属性名称获取属性的值。
setAttribute()方法:elementNode.setAttribute(name,value)方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
节点属性
nodeName 属性: 节点的名称,是只读的。
元素节点的 nodeName 与标签名相同
属性节点的 nodeName 是属性的名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
nodeValue 属性:节点的值
元素节点的 nodeValue 是 undefined 或 null
文本节点的 nodeValue 是文本自身
属性节点的 nodeValue 是属性的值
nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:
元素类型 节点类型
元素1
属性2
文本3
注释8
文档9
访问子节点childNodes属性:elementNode.childNodes访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。
访问子节点的第一和最后项:node.firstChildnode.lastChild
访问父节点parentNode:获取指定节点的父节点。
语法:elementNode.parentNode
父节点只能有一个。
注意: 浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。
访问兄弟节点
nextSibling属性可返回某个节点之后紧跟的节点(处于同一树层级中)。如果无此节点,返回null。
previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。如果无此节点,返回null。
插入节点appendChild():在指定节点的最后一个子节点列表之后添加一个新的子节点。
插入节点insertBefore():法可在已有的子节点前插入一个新的子节点。
语法:insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。
删除节点removeChild():从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。
语法:nodeObject.removeChild(node)
参数:node :必需,指定需要删除的节点。
替换元素节点replaceChild():实现子节点(对象)的替换。返回被替换对象的引用。
语法:node.replaceChild (newnode,oldnew )
参数:
newnode : 必需,用于替换 oldnew 的对象。
oldnew : 必需,被 newnode 替换的对象。
注意
当 oldnode 被替换时,所有与之相关的属性内容都将被移除。sort排序默认
newnode 必须先被建立。
创建元素节点createElement:可创建元素节点。此方法可返回一个 Element 对象。
语法:document.createElement(tagName)
参数:tagName:字符串值,这个字符串用来指明创建元素的类型。
注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。
创建文本节点createTextNode:创建新的文本节点,返回新创建的 Text 节点。
语法:document.createTextNode(data)
参数:data : 字符串值,可规定此节点的文本。
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/jisuanjixue/article-74752-8.html
除了军舰潜艇和飞机的对比
对