页面元素节点的查找
这里是sp1
这里是sp2

这是一个p标签

这是第二个p标签


baidu.com

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>js基础-页面元素节点的查找</title> <style type="text/css"> </style> </head> <body> <span>页面元素节点的查找</span> <hr> <span id="sp1">这里是sp1</span><br> <span id="sp2">这里是sp2</span><br> <p>这是一个p标签</p> <p>这是第二个p标签</p> <img id="img1" src="./img/baidu.png"></img><br/> <a id="a1" href="http://baidu.com">baidu.com</a><br/> <br/> <button onclick="gosp1('sp1内容被替换')">替换sp1</button> <button onclick="gop('p内容被替换')">替换p</button> <button onclick="goimg1()">替换图片</button> <button onclick="goa1()">替换链接</button> <hr/> <script type="text/javascript"> function gosp1(str){ var sp1 = document.getElementById("sp1"); sp1.innerHTML=str; //document.getElementById('sp1').innerHTML='sp1内容被替换'; } function gop(str){ var p1 = document.getElementsByTagName("p"); //通过标签名查找，返回多个标签的数组。 p1[0].innerHTML=str;//加索引指定元素。 } function goimg1(){//替换图片 var img1 = document.getElementById("img1"); img1.src='./img/sina.png'; } function goa1(){//替换链接 var a1 = document.getElementById("a1"); a1.href='http://ep.91px.xyz'; a1.innerHTML='ep.91px.xyz'; } </script> </body> </html>