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>  
声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。