javascript dom操作详解js增强

1.文档中的每个节点都有属性nodeName、nodeValue和nodeType nodeName。文本节点的节点名是#text。节点名称是只读属性节点值1元素节点2属性节点3文本节点只读属性节点类型不能用于元素节点。返回空值2。getElementsByTagName返回一个节点集合3。firstChild，lastChild的第一个元素节点。最后一个元素节点4，childNodes返回所有子节点的列表5，previousSibling前一个兄弟nextSibling和下一个兄弟parentNode返回父节点6，hasChildNodes文本节点可以用作元素节点的子节点，text和attribute节点不能再包含任何子节点。7.appendChild(节点)追加节点8。removeChild()移除节点。您可以借用子节点来获取父节点，然后移除子节点。9.replaceChild()替换方法有两个参数，第一个参数的内容被第二个参数的内容替换。如果两者都存在于dom中，第一个将出现在第二个的位置，而第二个将消失。10.insertBefore(newnode，refnode)在refnode之前插入newnode 11，创建节点setAttribute()，将属性createElement()添加到元素节点，创建元素节点createTextNode()，并创建文本节点。这三种方法可以添加任何节点。12.可以获取或设置innerHTML内部的html。这里有一个例子。城市是联动选择的，城市的信息是xml。13.调用函数时，1。node . onclick=XXX()；获取函数的返回值，即执行函数2后，node . onclick=function(){ XXX()；}得到了这个函数的引用，只有在事件被触发时才会执行。14.删除动态数组：即删除数组中的一个元素后，其后面的元素会自动向前移动一格。【“山东”“山西”“广东”“广西”“四川”“河南”“河北”】If for(int I=0；ixx.lengthI)将是[“山西”“广东”“广西”“四川”“河南”“河北”] [“山西”“广西”“四川”“河北”] [“山西”“广西”“河南”，”河南"]数组越界结论：动态数组需要删除For(int I=xx . length；i0；I-)记录一个链接选择的例子。

选择一个省后，在另一个选择中会有相应的城市。

City.html复制代码代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www .w3。org/TR/HTML 4/严格。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML；字符集=UTF-8 '标题无标题文档/标题脚本类型='文本/JavaScript ' src=' http : city。js /脚本/标题正文选择id='省份'选项值=' '请选择./option选项值='河北省' 河北省/option选项值='辽宁省' 辽宁省/option选项值='山东省' 山东省/option /select select id='city '选项值='.'请选择./选项/选择/正文/html城市。射流研究…复制代码代码如下：窗口。onload=function(){//解析可扩展置标语言文档，得到可扩展标记语言文档的瓷器；(中国)中国根节点var xmlDocument=parseXml(' city。XML ')；var chinaNode=xmldocument。子节点[1]；//为id='省'的挑选节点添加onchange事件，获取选择的省的value var StUdie节点=document。GetElementByID('省份');普罗温斯诺。onchange=function(){//* *清空条款节点出选项值='.'请选择./option的所有子节点* * var城市节点=文档。getelementbyid(' city ')；//城市节点选项节点数组时活动的，所以需要从后向前清var城市节点选项nodes=城市节点。getelementsbytagname(' option ')；var length=城市节点选项节点。长度；for(var I=length-1；I 0；I-){城市节点。移除子节点(城市节点选项节点[I])；} var ProvinCes value=this.value//用省值去可扩展标记语言文档中获取对应的省节点var provincennodinexmlfile=XMldordocument。选择单个节点('中国/省[@ name=' ProvinCenValue ' ']')；//获取3 provinceNodeInXmlFile的所有城市子节点的文本值：城市值var city nodesinxmlfile=ProvinceNodeInxmlfile。GetElementsBytagname(' city ')；for(var I=0；I city nodeinxmlfile . LengiI){ var city nodeinxmlfile=city nodeinxmlfile[I]；var city value=city nodeinxmlfile。第一个孩子。节点值；//利用得到的文本值创建选择权节点：选项值=“城市值”城市值/选项var选项节点=文档。创建元素('选项')；optionNode.setAttribute('value '，city值)；var选项nodetextnode=document。createtextnode(城市值)；选项节点。appendchild(选项nodetxtnode)；//把创建好的选择权节点添加到id='city '的挑选节点中城市节点。appendchild(选项节点)；} };//解析可扩展标记语言文件的函数函数parseXml(fileName){ //IE内核的浏览器如果(窗口. ActiveXObject) { //创建数字正射影像图解析器var doc=新的activexoobject('微软.XMLDOM’)；doc.async=' false//加载可扩展置标语言文档，获取可扩展置标语言文档对象医生。加载(FIlename)；退货单；} //Mozilla浏览器否则如果(窗口. DOMParser) { //创建数字正射影像图解析器var p=新的DOM解析器()；//创建数字正射影像图解析器返回p.parseFromString(fileName，‘text/XML’)；} else { return false } } } cities.xml复制代码代码如下：可扩展标记语言版本='1.0 '编码='GB2312 '？中国省名='河北省城市石家庄/城市城市邯郸/城市城市唐山/城市城市张家口/城市城市廊坊/市/省省名称='辽宁省城市沈阳/城市城市大连/城市城市鞍山/城市城市抚顺/城市城市铁岭/市/省省名称='山东省城市济南/城市城市青岛/城市城市威海/城市城市烟台/城市城市潍坊/城市/省/中国