阅读:8148回复:3
getElementById & getElementsByTagName<!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> var x=document.getElementById("main"); var y=x.getElementsByTagName("p"); document.write('id 为 "main" 的 div 中的第一段文本是:' + y[0].innerHTML); </script> </body> </html> getElementById 按ID ByTagName 按标签名 |
|
沙发#
发布于:2018-08-12 22:58
改变 HTML 内容 修改 HTML 内容的最简单的方法时使用 innerHTML 属性。 如需改变 HTML 元素的内容,请使用这个语法: document.getElementById(id).innerHTML=new HTML 实例 本例改变了 <p> 元素的内容: <html> <body> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML="New text!"; </script> </body> </html> |
|
板凳#
发布于:2018-08-12 23:03
实例 本例改变了 <h1> 元素的内容: <!DOCTYPE html> <html> <body> <h1 id="header">Old Header</h1> <script> var element=document.getElementById("header"); element.innerHTML="New Header"; </script> </body> </html> |
|
地板#
发布于:2018-08-12 23:04
改变 HTML 属性
如需改变 HTML 元素的属性,请使用这个语法: document.getElementById(id).attribute=new value 实例 本例改变了 <img> 元素的 src 属性: <!DOCTYPE html> <html> <body> <img id="image" src="smiley.gif"> <script> document.getElementById("image").src="landscape.jpg"; </script> </body> </html> |
|