JavaScript脚本语言操作HTML元素

JavaScript脚本语言通过JavaScript脚本语言语句操作html文档中的元素内容,如替换指定html元素中的内容、修改html元素的显示样式、覆盖网页等操作,具体可以参看以下的案例:

案例一:通过JavaScript脚本语言替换指定id元素中的内容

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p id=“demo”>这是默认元素内容</p>
  5. <script>
  6. document.getElementById(“demo”).innerHTML=“然而打开网页看到的是我,呵呵”;
  7. </script>
  8. </body>
  9. </html>

解读:其中的id=”demo”是指定的元素名称,里面的内容是“这是默认元素内容”,然而当用户打开网页的时候看到的内容是“然而打开网页看到的是我,呵呵”。其中document.getElementById(“demo”)是获取指定的id元素,innerHTML是需要插入的内容,整句话可以翻译为:在id是demo的元素中插入“然而打开网页看到的是我,呵呵”这段文字。

上面的案例是替换现有的html元素内容,而如果想在不修改原始html网页内容的情况下,怎么通过JavaScript脚本语言在html网页中插入内容呢,我们需要通过以下的语句实现:

  1. <script>   
  2. document.write(“<p>我是新加入的内容</p>”);   
  3. </script>  

评论

微信扫描,手机学习

学建站网