资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript DOM对象的学习实例代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DOM对象的学习</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20searchNode()%7B%20%0D%0A%2F*%E6%96%87%E6%9C%AC%E8%8A%82%E7%82%B9*%2F%20%0D%0A%2F*%E5%85%83%E7%B4%A0%E8%8A%82%E7%82%B9*%2F%20%0D%0A%2F*%E5%B1%9E%E6%80%A7%E8%8A%82%E7%82%B9*%2F%20%0D%0Avar%20nodes%3Ddocument.getElementsByTagName(%22li%22)%3B%20%0D%0Aalert(%22%E8%8A%82%E7%82%B9%E6%95%B0%22%2Bnodes.length%2B%22%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%E5%85%83%E7%B4%A0%E7%9A%84%E5%90%8D%E7%A7%B0%22%2Bnodes%5B0%5D.tagName%2B%22%3B%E7%AC%AC%E5%9B%9B%E4%B8%AA%E8%8A%82%E7%82%B9%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%E6%96%87%E6%9C%AC%22%2Bnodes%5B3%5D.childNodes%5B0%5D.nodeValue)%3B%20%0D%0Avar%20nodes2%3Ddocument.getElementsByTagName(%22ul%22)%3B%20%0D%0Avar%20subnodes%3Dnodes2%5B1%5D.getElementsByTagName(%22li%22)%3B%20%0D%0Aalert(%22%E8%8A%82%E7%82%B9%E6%95%B0%22%2Bsubnodes.length%2B%22%3B%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%E5%85%83%E7%B4%A0%E7%9A%84%E5%90%8D%E7%A7%B0%22%2Bsubnodes%5B0%5D.tagName%2B%22%3B%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%E5%85%83%E7%B4%A0%E7%9A%84%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%8A%82%E7%82%B9%E6%96%87%E6%9C%AC%22%2Bsubnodes%5B0%5D.childNodes%5B0%5D.nodeValue)%3B%20%0D%0Avar%20nodeID%3Ddocument.getElementById(%22liNode%22)%3B%20%0D%0Aalert(%22%E8%8A%82%E7%82%B9%E7%9A%84%E5%90%8D%E7%A7%B0%22%2BnodeID.tagName%2B%22%3B%E7%AC%AC%E4%B8%80%E7%82%B9%E8%8A%82%E7%82%B9%E7%9A%84%E7%AC%AC%E4%B8%80%E8%8A%82%E7%82%B9%E7%9A%84%E6%96%87%E6%9C%AC%22%2BnodeID.childNodes%5B0%5D.nodeValue)%3B%20%0D%0A%2F%2F%E9%81%8D%E5%8E%86%E5%85%83%E7%B4%A0%20%0D%0Avar%20ulNodes%3Ddocument.getElementById(%22ulNode%22)%3B%20%0D%0Avar%20DOMString%3D%22%22%3B%20%0D%0Aif(ulNodes.hasChildNodes())%7B%20%0D%0Avar%20subULNodes%3DulNodes.childNodes%3B%20%0D%0Afor(var%20i%3D0%3Bi%3CsubULNodes.length%3Bi%2B%2B)%7B%20%0D%0ADOMString%3DDOMString%2BsubULNodes%5Bi%5D.childNodes%5B0%5D.nodeValue%2B%22%5Cn%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aalert(DOMString)%3B%20%0D%0A%0D%0A%2F%2F%E8%8A%82%E7%82%B9%E5%B1%9E%E6%80%A7%20%0D%0Avar%20imgTitle%3Ddocument.getElementsByTagName(%22img%22)%5B0%5D%3B%20%0D%0Avar%20titleString%3DimgTitle.getAttribute(%22title%22)%3B%20%0D%0Avar%20altString%3DimgTitle.getAttribute(%22alt%22)%3B%20%0D%0Aalert(titleString%2B%22%5Cn%22%2BaltString)%3B%20%0D%0Avar%20p%3Ddocument.createElement(%22p%22)%3B%20%0D%0Avar%20text%3Ddocument.createTextNode(%22%E8%BF%99%E6%98%AF%E7%AC%AC%E4%BA%8C%E4%B8%AA%E8%8A%82%E7%82%B9%22)%3B%20%0D%0Ap.appendChild(text)%3B%20%0D%0Adocument.body.appendChild(p)%3B%20%0D%0A%2F%2FinnerHTML%E7%9A%84%E4%BD%BF%E7%94%A8%20%0D%0Avar%20inner%3Ddocument.getElementById(%22inner%22)%3B%20%0D%0Aalert(inner.innerHTML)%3B%20%0D%0Ainner.innerHTML%3D%22%3Cimg%20src%3D'images%2Falbum.gif'%2F%3E%22%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </head> <body onload="searchNode()"> <ul id="ulNode"> <li>java</li> <li>javascript</li> <li>CSS</li> </ul> <ul> <li id="liNode">ajax</li> <li>c#</li> <li>c++</li> </ul> <img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" title="小屋" alt="个人主页" /> <p>这是第一个节点</p> <div id="inner"><p>innerHTML的使用</p></div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程