XML及HTML文档解析
来源：互联网 发布：淘宝出现差评会怎么样 编辑：程序博客网 时间：2024/05/17 19:18
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="css/base.css" rel="stylesheet" type="text/css"><title>XML及HTML文档解析</title></head><body><div>上一个</div><div id="id">文本</div><div>下一个</div></body></html><script>var txt=document.getElementById("id").childNodes[0];document.getElementById("id").childNodes[0].nodeValue="文本修改了";text = txt.parentNode.nodeName;document.write("父节点名称：" + text+"<br/>");text = txt.parentNode.parentNode.childNodes;child_Length = text.length;for (var i = 0; i< child_Length; i++) {document.write("Node " +(i + 1) + " : " + text[i].nodeName+"<br/>");}text = txt.parentNode.parentNode.firstChild.nodeName;document.write("第一个节点名称：" + text+"<br/>");text = txt.parentNode.parentNode.lastChild.nodeName;document.write("最后一个节点名称：" + text+"<br/>");text = txt.parentNode.previousSibling.nodeName;document.write("上一个节点名称：" + text+"<br/>");text = txt.parentNode.nextSibling.nodeName;document.write("下一个节点名称：" + text+"<br/>");text = txt.parentNode.getAttribute("id");document.write("ID=" + text+"<br/>");text = txt.parentNode.getAttributeNode("id");document.write("ID=" + text.nodeValue+"<br/>");// 添加或修改属性值txt.parentNode.setAttribute("data-src","http://www.jask.cn/img.jpg");//修改属性值txt.parentNode.getAttributeNode("data-src").nodeValue = "http://www.jask.cn/img.jpg";txt.parentNode.removeAttribute("data-src");// 删除当前节点//txt.parentNode.parentNode.removeChild(txt.parentNode);//txt.parentNode.removeAttributeNode(txt.parentNode.getAttributeNode("data-src")); var div = document.createElement("div");var txtNode = document.createTextNode("添加文本节点");div.appendChild(txtNode);var comment = document.createComment("注释"); txt.parentNode.appendChild(comment);// id中添加一个div及内容txt.parentNode.appendChild(div);var attr = document.createAttribute("cd");attr.nodeValue="song";txt.parentNode.setAttributeNode(attr);txt.insertData(0,"新加的");var div1 = document.createElement("div");var txtNode1 = document.createTextNode("添加文本节点1");div1.appendChild(txtNode1); txt.parentNode.parentNode.insertBefore(div1,txt.parentNode.nextSibling);//cloneNode() 方法有一个参数（true 或 false）。该参数指示被复制的节点是否包括原节点的所有属性和子节点。txt.parentNode.parentNode.insertBefore(div1.cloneNode(true),txt.parentNode)//txt.nextSibling.childNodes[0].replaceData(0,8,"hello");//txt = document.getElementsByTagName("title").childNodes[0].ownerDocument;//alert(text);</script>
