JavaScript—DOM编程核心.

转载 (原文地址) jankerli 随笔 JavaScript 2506阅读 2011-01-21 09:17:22 举报

<font size="4"><span .="Apple-.-span"><span .="Apple-.-span">DOM Core常用部分:<br>DOM方法<br>创建节点:createElement(),createTextNode()<br>复制节点:cloneNode()<br>插入节点:appendChild(),insertBefore<br>删除节点:removeChild()<br>替换节点:replaceChild()<br>查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes<br>设置节点属性:setAttribute()<br>DOM属性<br>节点的属性:nodeName,nodeType,nodeValue<br>遍历节点树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling<br>下面给出这部分的简要用法,做个索引似帮助文档<br>1.document.createElement(“节点名”):新建一个节点<br>2.document.createTextNode(“文本内容”):新建一个文本节点<br>3.节点.cloneNode(true|false):复制该节点,参数true则连同子结点一同复制,false则不复制子结点<br>4.节点.appendChild(子节点):在节点下添加子结点<br>5.父节点.insertBefore(新节点,参照点):在该父节点下的参照点前面插入新节点.通常父节点这样写:参照点.parentNode<br>6.父节点.removeChild(子结点):删除该父节点下指定的子结点,该子结点下的所有嵌套子结点都将被删除<br>7.父节点.replaceChild(新节点,旧节点):把该父节点下的指定子结点替换为新节点<br>8.节点.getAttribute(“属性名”):搜索指定节点的属性名,返回该属性的属性值<br>9.document.getElementById(“id名”):搜索文档中指定id名的节点,返回该节点对象<br>10.document.getElementsByTagName(“标签名”):搜索文档中指定标签名的节点,返回一个节点对象列表(数组),基数从0开始,具有length属性,表示数组长度<br>11.节点.hasChildNodes:该节点是否具有子结点,有,返回true,没有子结点返回false(比如文本节点和属性节点)<br>12.节点.setAttribute(“属性名”,”属性值”):为该节点添加属性,若该属性已经存在则刷新属性值<br>13.节点.nodeName:根据节点类型区分<br>元素节点:返回标签名(相当于tagName属性)<br>文本节点:返回#text<br>属性节点:返回属性名<br>14.节点.nodeType:返回节点类型,常用有一下三种:<br>元素节点:返回1<br>属性节点:返回2<br>文本节点:返回3<br>15.节点.nodeValue:返回节点当前的值,根据节点类型区分:<br>元素节点:返回null<br>属性节点:返回属性值<br>文本节点:返回文本内容<br>16.节点.childNodes:返回该节点下的所有一级子结点(前面有具体介绍过,这个属性在不同浏览器有不同解释)<br>17.节点.firstChild:返回该节点下的第一个子结点<br>18.节点.lastChild:返回该节点下的最后一个子结点<br>19.节点.nextSibling:返回该节点的下一个兄弟节点对象<br>20.节点.parentNode:返回该节点的父节点(肯定是一个元素节点,document节点的父节点为null)<br>21.节点.previousSibling:和nextSibling相对,返回该节点的上一个兄弟节点对象</span></span></font>

评论 ( 2 )
最新评论
jankerli 1F 2018-08-02 17:12:32 2F

网站改版啦,没兼容7年前发的内容,怪我咯~o(╯□╰)o

丕丕 2018-04-09 08:26:52 1F

你这比我的代码还要乱