DOM结构及javascript解读.ppt

练习4 function parseXML(filename){ var xmlDoc; try { //Internet Explorer xmlDoc = new ActiveXObject(Microsoft.XMLDOM); } catch (e) { try { //Firefox, Mozilla, Opera, etc. xmlDoc = document.implementation.createDocument(, , null); } catch (e) { } } //关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。 xmlDoc.async=false; //解析器加载名为 xxx.xml 的 XML 文档、 xmlDoc.load(filename); return xmlDoc; } 附录 : 在逻辑运算中，0、、false、null、 undefined、NaN均表示false null，对象不存在 当前页面不存在id对象 var ii= document.getElementById(id); alert(ii); //null undefined 声明的变量没有初始化 　或者对象属性，方法不存在 var i; alert(i); if(i==undefined){ alert(dddddddddddddd); } 对象属性,方法不存在 alert(document.oiji);　　 // undefined flexbu DOM 属性 -- nodeValue nodeValue：返回给定节点的当前值（字符串） 如果给定节点是一个属性节点，返回值是这个属性的值。 如果给定节点是一个文本节点，返回值是这个文本节点的内容。 如果给定节点是一个元素节点，返回值是 null nodeValue 是一个 读/写 属性，但不能对元素节点的 nodeValue 属性设置值， 但可以为文本节点的 nodeValue 属性设置一个值。 var li = document.getElementById(“li”); if(li.firstChild.nodeType == 3) li.firstChild.nodeValue = “传智”; 练习 问题: 打印 ”明天休息” (利用两种方法) 提示:使用(firstChild lastChild childNodes) 练习 问题: 打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue) 同时打印文本值 北京 海淀 奥运 练习 问题: 输出所有select元素下的所有option元素中对应的文本内容 例如:option value=中专中专^^/option 输出---中专^^ 元素节点 //测试元素节点,输出节点名称,节点的类型,节点的值 var liElements=document.getElementsByTagName(li); for(var i=0;iliElements.length;i++){ alert(liElements[i].nodeName); alert(liElements[i].nodeType); alert(liElements[i].nodeValue); } 属性节点 //测试属性节点,输出属性节点名称,节点的类型,节点的值 var liElements=document.getElementsByTagName(li); for(var i=0;iliElements.length;i++){ var attrElement=liElements[i].getAttributeNode(value) alert(attrElement.nodeName +attrElement.nodeName); alert(attrElement.nodeType +attrElement.nodeType); alert(attrElement.nodeValue +liElements[i].getAttribute(value