html dom图库

来源：互联网发布：java培训后工资多少编辑：程序博客网时间：2024/06/07 09:44

<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><ul><li><a href="img/a.jpg" onclick="showPic(this);return false" title="a">a</a></li><li><a href="img/b.jpg" onclick="showPic(this);return false" title="b">b</a></li><li><a href="img/c.png" onclick="showPic(this);return false" title="c">c</a></li><li><a href="img/d.png" onclick="showPic(this);return false" title="d">d</a></li><li><a href="img/e.png" onclick="showPic(this);return false" title="e">e</a></li></ul><img src="" id="pic" alt="请选择链接" width="600px" height="500px"/><p id="des">图片标题</p><script type="text/javascript">function showPic(node){var src=node.getAttribute("href");var imgNode=document.getElementById("pic");imgNode.setAttribute("src",src);var text=node.getAttribute("title");var desNode=document.getElementById("des");desNode.firstChild.nodeValue=text;}/*function countNum() {var bodyNodeList=document.getElementsByTagName("body");var bodyNode=bodyNodeList[0];alert(bodyNode.childNodes.length);}*///window.onload=countNum();</script></body></html>

阅读全文

0 0