DOM总结（三）及综合案例
<body> 个人所在城市： <ul id="city"> <li id="bj">北京</li> <li id="sh">上海</li> <li id="tj">天津</li> <li id="dd">大都</li> </ul> 个人爱好： <ul id="fav"> <li id="yy">游泳</li> <li id="pp">乒乓球</li> <li id="ymq">羽毛球</li> <li id="lq">篮球</li> </ul> </body>
window.onload = function(){ //通过id获得节点 var bj = document.getElementById("bj"); //定义隐函数 bj.onclick = function(){ / var yy = document.getElementById("yy"); //通过replaceChild()方法来进行替换 bj.parentNode.replaceChild(yy,bj); } }
如：<li name="beijing" id="bj">北京</li> 获取属性值和文体 //通过属性名获取属性的值 var bjElement=document.getElementById("bj"); var attributeValue=eduElement.getAttribute("name"); alert("attributeValue "+attributeValue); //通过属性名获取属性的节点 var bjNode=eduElement.getAttributeNode("name"); alert(eduNode.nodeValue); alert(eduNode.nodeType); alert(eduNode.nodeName);
如：<li id="bj" >北京</li> //获取元素的引用 var bjElement=document.getElementById("bj"); //设置属性值 bjElement.setAttribute("name","beijing"); //获取设置的属性值 var nameValue=bjElement.getAttribute("name"); alert("nameValue "+nameValue);
??结束语：如何实现?，请继续关注我的博客》
?
