Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ```language
- 改变 HTML 输出流
- JavaScript 能够创建动态的 HTML 内容:
- 今天的日期是: Thu Feb 14 2019 17:13:41 GMT+0800 (中国标准时间)
- 在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
- 实例
- <!DOCTYPE html>
- <html>
- <body>
- <script>
- document.write(Date());
- </script>
- </body>
- </html>
- 改变 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>
- 实例
- 本例改变了 <h1> 元素的内容:
- <!DOCTYPE html>
- <html>
- <body>
- <h1 id="header">Old Header</h1>
- <script>
- var element=document.getElementById("header");
- element.innerHTML="New Header";
- </script>
- </body>
- </html>
- 本例改变了 <img> 元素的 src 属性:
- <!DOCTYPE html>
- <html>
- <body>
- <img id="image" src="smiley.gif">
- <script>
- document.getElementById("image").src="landscape.jpg";
- </script>
- </body>
- </html>
- ```
Add Comment
Please, Sign In to add comment