js坚持不懈之13:JavaScript查找HTML元素的方法
程序员文章站
2022-03-20 19:55:16
1. 通过 id 查找 HTML 元素 2. 通过标签名查找 HTML 元素 ......
1. 通过 id 查找 html 元素
<!doctype html> <html> <body> <p id = "intro">hello world!</p> <p>本示例演示<b>getelementbyid</b>方法!</p> <script> x = document.getelementbyid("intro"); document.write('<p>id="intro"的段落中的文本是:' + x.innerhtml + '</p>'); </script> </body> </html>
2. 通过标签名查找 html 元素
<!doctype html> <html> <body> <p>hello world!</p> <div id = "main"> <p>the dom is very useful.</p> <p>本示例演示 <b>getelementsbytagname</b>方法。</p> </div> <script> try { var x=document.getelementbyid("main"); var y=x.getelementsbytagname("p"); document.write('id为“main”的div中的第一段文本是:' + y[0].innerhtml); } catch(err) { document.write("代码出错了,老弟"); } </script> </body> </html>
上一篇: 洛谷P1481 魔族密码(LIS)