JavaScript操作XML/HTML比较常用的对象属性集锦

前端之家收集整理的这篇文章主要介绍了JavaScript操作XML/HTML比较常用的对象属性集锦前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

节点对象属性 @H_301_2@

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

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

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

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

ownerDocument—返回节点的根元素(document对象)。

parentNode—返回节点的父节点。

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

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

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

节点对象的方法 @H_301_2@

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

cloneNode()—复制节点。

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

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

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

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

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

IE6独有

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

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

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

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

NodeList对象 @H_301_2@

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

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

例如:

Javascript代码

输出:title element:4

Javascript代码

输出:book

NamedNodeMap对象 @H_301_2@

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对象的方法 @H_301_2@

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代码

" + xmlDoc.xml + "");

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

Element对象的方法 @H_301_2@

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代码

"); } for(i=0;i"); } xmlDoc=loadXMLDoc("/example/xdom/books.xml"); x=xmlDoc.getElementsByTagName('book'); document.write(x[0].getAttribute('category')); document.write("
"); x[0].removeAttribute('category'); document.write(x[0].getAttribute('category')); var attnode = x[1].getAttributeNode("category"); var y = x[1].removeAttributeNode(attnode); document.write("" + xmlDoc.xml + ""); function get_lastchild(n) { x = n.lastChild; while(x.noteType!=1){ x = x.prevIoUsSibling; } return x; } function get_firstChild(n){ x = n.firstChild; whild(x.nodeType!=1){ x=x.nextSibling; } return x; } xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("book")[0]; deleted_node=x.removeChild(get_lastchild(x)); document.write("Node removed: " + deleted_node.nodeName);

Attr对象 @H_301_2@

Attr 对象表示 Element 对象的属性

name—返回属性名称

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

nodeType—返回节点的类型。

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

ownerDocument—返回属性所属的根元素(document对象)。

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

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

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

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

Text对象的属性 @H_301_2@

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

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

Text对象的方法@H_301_2@

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

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

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

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

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

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

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

猜你在找的JavaScript相关文章