JsDom编程ppt讲解.ppt

Li的添加，删除 * script type=text/javascript function selectAll(){ // 获取全选按钮 var allbutton = window.document.getElementsByName(all)[0]; var allxin = window.document.getElementsByName(xin); // 判断全选按钮的状态 var state = allbutton.checked; if(state){ // 将所有的信件选中 for(i = 0; iallxin.length;i++){ allxin[i].checked = true; } //alert(选中); } else{ for(i = 0; iallxin.length;i++){ allxin[i].checked = false; } //alert(没选中); } } function removeall(){ var allxin = window.document.getElementsByName(xin); for(i = 0; iallxin.length;i++){ if(allxin[i].checked){ // 修改每一个新建对应行，将行上面的style属性的display属性值设置为none tr = allxin[i].parentNode.parentNode; // 获取节点对象的父节点 tr.style.display = none; } } } /script body form label用户：/labelinput type=text value=jiao/中国 psome text/p /form script var fs = window.document.forms[0]; var childs = fs.childNodes; for(i = 0; ichilds.length; i++){ document.write(childs[+i+] nodeType : +childs[i].nodeType+ , ); document.write(childs[+i+] nodeName : +childs[i].nodeName+br/); document.write(childs[+i+] nodeValue : +childs[i].nodeValue+br/); } /script /body 接上页案例： var first = fs.firstChild; var last = fs.lastChild; document.write(firstChild : +first.nodeName+br/); document.write(lastChild : +last.nodeName+br/); 练习1： script window.onload = function (){ // 创建一个li节点 var li = window.document.createElement(li); // 创建一个文本节点 var text = window.document.createTextNode(北京); // 将文本设置为li的子节点 li.appendChild(text); // 获取目标节点 var gzElement = window.document.getElementById(gz); window.document.getElementById(“city”).insertBefore(li,gzElement) ; // 参数1：要插入的节点 参数2：插入目标元素的位置 } /script script var i = 0; function next(){ // 原理： 即使将DOM树上的图片对象的src属性进行动态的修改 // 获取im