首页 > 代码库 > JavaScript中的DOM函数与关键字汇总

JavaScript中的DOM函数与关键字汇总

DOM节点的属性

属性      描述

attributes数组  获取某个节点的所有属性子节点(实际是一个NodeList对象)

childNodes数组    获取某个节点的所有子节点,可以按数组方式访问子节点,另外还包括属性length以及方法item()(实际是一个Nodelist对象)

firstChild         获取某个节点的第一个子节点

lastChild      获取某个节点的最后一个子节点

localName     返回被选元素的本地名称

nextSibling        获取某个节点的下一个邻近子节点

previousSibling  获取某个节点的上一个邻近子节点

nodeName       获取某个节点的节点名字

nodeType      获取某个节点的节点类型

ownerDocumend 返回这个文档的根节点

parentNode     返回某个节点的父节点

textContent 和 innerText 获取某个节点的文本字符串(FireFox只能用textContent,其他浏览器用innerText)

innerHTML    获取某个节点的内部HTML代码

baseURL       获取当前的URL路径

DOM节点的相关方法

方法        描述

appendChild     向某个节点后面插入一个新节点

cloneNode      复制某个节点

hasAttributes   判断某个节点是否有属性存在

insertBefore       把新节点插入到某个节点的指定子节点的前面

isEqualNode          判断两个节点是否完全一致

isSameNode          判断两个节点是否是同一个节点

normalize      将相邻的Text对象合并为一个

removeChild    删除(并返回)当前节点的指定子节点

replaceChild          对某个节点用新节点替换指定子节点,例如Node.replaceChild(newChild,olNode);

getAttribute     获得某个节点的指定属性的值

setAttribute           设置某个节点的指定属性的值

 

Element对象的方法

方法           描述

getElementById         获取指定Id的标签节点(document节点具有该方法)

getElementsByName      从某个节点获得指定Name的标签数组

getElemtentsByTagName   从某个节点获得指定标签名的标签数组

 

Text对象的相关属性及方法

data         获取Text节点的字符串

length        获取Text节点的字符串长度

appendData             在Text节点后面添加字符串,如Node.appendData(string);

deleteData        在Text节点指定位置删除指定长度的字符串

insertData       在Text节点指定位置插入字符串,如Node.insertData(start,string);

replaceData     在Text节点指定位置替换指定长度的字符串,如Node.replaceData(start,length,string)

splitText(offset)         在Text节点指定位置分裂字符串为两个Text节点,如Node.splitText(offset)

substringData    在Text节点指定位置提取指定长度的字符串,如Node.substringData(start,length)

 

JavaScript中的DOM函数与关键字汇总