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>