JavaScript操作XML/HTML比较常用的对象属性集锦(xml-js)

推荐整理分享JavaScript操作XML/HTML比较常用的对象属性集锦(xml-js)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js处理xml数据,js写xml文件,JAVAscript操作office,js 操作xml,js写xml文件,js 操作xml,JAVAscript操作word,js 操作xml,内容如对您有帮助，希望把文章链接给更多的朋友！

节点对象属性

childNodes—返回节点到子节点的节点列表

firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。

nextSibling—返回节点之后紧跟的同级节点。

nodeName—返回节点的名字，根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值，根据其类型。

ownerDocument—返回节点的根元素（document对象）。

parentNode—返回节点的父节点。

previousSibling—返回节点之前紧跟的同级节点。

text—返回节点及其后代的文本（IE独有）。

xml—返回节点及其后代的XML（IE独有）。

节点对象的方法

appendChild()—向节点的子节点列表的结尾添加新的子节点。

cloneNode()—复制节点。

hasChildNodes()—判断当前节点是否拥有子节点。

insertBefore()—在指定的子节点前插入新的子节点。

normalize()—合并相邻的Text节点并删除空的Text节点。

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

replaceChild()—用新节点替换一个子节点。

IE6独有

selectNodes()—用一个XPath表达式查询选择节点。

selectSingleNode()—查找和XPath查询匹配的一个节点。

transformNode()—使用XSLT把一个节点转换为一个字符串。

transformNodeToObject()—使用XSLT把一个节点转换成为一个文档。

NodeList对象

length ?返回节点列表中的节点数目。

item()—返回节点列表中处于指定的索引号的节点。

例如：

Javascript代码

输出：title element:4

Javascript代码

输出：book

NamedNodeMap对象

length—返回列表中节点数目。

getNamedItem()—返回指定的节点。（通过名称）

item()—返回处于指定索引号的节点。

removeNamedItem()—删除指定的节点（根据名称）。

例如：

Javascript代码

输出：1

Javascript代码

输出：COOKING

Javascript代码

删除第一个book元素的category属性

Document对象代表整个XML文档。

Document对象的属性。

async—规定XML文件的下载是否应当被同步处理。

childNodes—返回属于文档的子节点的节点列表。

doctype—返回与文档相关的文档类型声明。

documentElement—返回文档的子节点。

firstChild—返回文档的首个子节点。

implementation—返回处理该文档的DOMImplementation对象。（IE没有）

lastChild—返回文档的最后一个子节点。

nodeType—返回节点类型。

nodeName—依据节点的类型返回其名称。

nodeValue—依据节点的类型返回其值。

text—返回节点及其后代的文本（IE独有）。

xml—返回节点及其后代的XML（IE独有）。

Document对象的方法

createAttribute(att_name)—创建拥有指定名称的属性节点，并返回新的属性对象。 createCDATASection(data)—创建CDATA区段节点。 createComment(data)—创建注释节点。 createDocumentFragment—创建空的DocumentFragment对象，并返回此对象。 createElement(node_name)—创建元素节点。 createEntityReference(name)—创建EntityReference对象，并返回此对象。（IE独有） createTextNode(data)—创建文本节点。 getElementById(elementid)—查找具有指定的唯一ID的元素。 getElementsByTagName(node_name)—返回所有具有指定名称的元素节点。

例如：

Javascript代码

Element 对象的属性 attributes—返回元素的属性的NamedNodeMap childNodes—返回元素的子节点的NodeList firstChild—返回元素的首个子节点。 lastChild—返回元素的最后一个子节点。 nextSibling—返回元素之后紧跟的节点。 nodeName—返回节点的名称。 nodeType—返回元素的类型。 ownerDocument—返回元素所属的根元素（document对象）。 parentNode—返回元素的父节点。 previousSibling—返回元素之前紧跟的节点。 tagName—返回元素的名称。 text—返回节点及其后代的文本。（IE-only） xml—返回节点及其后代得XML。（IE-only）

Element对象的方法

appendChild(node)—向节点的子节点列表末尾添加新的子节点。 cloneNode(true)—克隆节点。 getAttribute(att_name)—返回属性的值。 getAttributeNode(att_name)—以 Attribute 对象返回属性节点。 getElementsByTagName(node_name)—找到具有指定标签名的子孙元素。 hasAttribute(att_name)—返回元素是否拥有指定的属性。 hasAttributes()—返回元素是否拥有属性。 hasChildNodes()—返回元素是否拥有子节点。 insertBefore(new_node,existing_node)—在已有的子节点之前插入一新的子节点。 removeAttribute(att_name)—删除指定的属性。 removeAttributeNode(att_node)—删除指定的属性节点。 removeChild(node)—删除子节点。 replaceChild(new_node,old_node)—替换子节点。 setAttribute(name,value)—添加新的属性或者改变属性的值。 setAttribute(att_node)—添加新的属性。

Javascript代码

Attr对象

Attr 对象表示 Element 对象的属性。

name—返回属性的名称。

nodeName—返回节点的名称，依据其类型

nodeType—返回节点的类型。

nodeValue—设置或返回节点的值，依据其类型

ownerDocument—返回属性所属的根元素（document对象）。

specified—如果属性值被设置在文档中，则返回 true，如果其默认值被设置在 DTD/Schema 中，则返回 false。

value—设置或返回属性的值。

text—返回属性的文本。IE-only。

xml—返回属性的 XML。IE-only。

Text对象的属性

data—设置或返回元素或属性的文本。

length—返回元素或属性的文本长度。

Text对象的方法

appendData(string)—向节点追加数据。

deleteData(start,length)—从节点删除数据。

insertData(start,string)— 向节点中插入数据。

replaceData(start,length,string)—替换节点中的数据。

replaceData(offset)— 把一个 Text 节点分割成两个。

substringData(start,length)— 从节点提取数据。

关于JavaScript操作XML/HTML比较常用的对象属性集锦的全部叙述就到此结束了，更多内容请登陆积木网官网了解更多，谢谢。

js实现点击获取验证码倒计时效果 网站中为了防止恶意获取验证短信、验证邮箱，都会在点击获取验证码的按钮上做个倒计时的效果。实现这个功能，一个setInterval和一个clearInterval就能

JS实现的简单鼠标跟随DiV层效果完整实例 本文实例讲述了JS实现的简单鼠标跟随DiV层效果。分享给大家供大家参考，具体如下：这段代码呈现一串跟随鼠标的Div效果，并有拖影特效，随着鼠标快

JS实现模拟百度搜索“世界末日”网页地震撕裂效果代码 本文实例讲述了JS实现模拟百度搜索世界末日网页地震撕裂效果代码。分享给大家供大家参考，具体如下：这是一款JS模拟百度搜索世界末日网页