Guest User

Untitled

a guest
Feb 15th, 2019
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.13 KB | None | 0 0
  1. ```language
  2. 改变 HTML 输出流
  3. JavaScript 能够创建动态的 HTML 内容:
  4.  
  5. 今天的日期是: Thu Feb 14 2019 17:13:41 GMT+0800 (中国标准时间)
  6.  
  7. 在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
  8.  
  9. 实例
  10. <!DOCTYPE html>
  11. <html>
  12. <body>
  13.  
  14. <script>
  15. document.write(Date());
  16. </script>
  17.  
  18. </body>
  19. </html>
  20. 改变 HTML 内容
  21. 修改 HTML 内容的最简单的方法时使用 innerHTML 属性。
  22.  
  23. 如需改变 HTML 元素的内容,请使用这个语法:
  24.  
  25. document.getElementById(id).innerHTML=new HTML
  26. 实例
  27. 本例改变了 <p> 元素的内容:
  28.  
  29. <html>
  30. <body>
  31.  
  32. <p id="p1">Hello World!</p>
  33.  
  34. <script>
  35. document.getElementById("p1").innerHTML="New text!";
  36. </script>
  37.  
  38. </body>
  39. </html>
  40. 实例
  41. 本例改变了 <h1> 元素的内容:
  42.  
  43. <!DOCTYPE html>
  44. <html>
  45. <body>
  46.  
  47. <h1 id="header">Old Header</h1>
  48.  
  49. <script>
  50. var element=document.getElementById("header");
  51. element.innerHTML="New Header";
  52. </script>
  53.  
  54. </body>
  55. </html>
  56. 本例改变了 <img> 元素的 src 属性:
  57.  
  58. <!DOCTYPE html>
  59. <html>
  60. <body>
  61.  
  62. <img id="image" src="smiley.gif">
  63.  
  64. <script>
  65. document.getElementById("image").src="landscape.jpg";
  66. </script>
  67.  
  68. </body>
  69. </html>
  70. ```
Add Comment
Please, Sign In to add comment