JavaScript脚本语言通过JavaScript脚本语言语句操作html文档中的元素内容,如替换指定html元素中的内容、修改html元素的显示样式、覆盖网页等操作,具体可以参看以下的案例:
案例一:通过JavaScript脚本语言替换指定id元素中的内容
- <!DOCTYPE html>
- <html>
- <body>
- <p id=“demo”>这是默认元素内容</p>
- <script>
- document.getElementById(“demo”).innerHTML=“然而打开网页看到的是我,呵呵”;
- </script>
- </body>
- </html>
解读:其中的id=”demo”是指定的元素名称,里面的内容是“这是默认元素内容”,然而当用户打开网页的时候看到的内容是“然而打开网页看到的是我,呵呵”。其中document.getElementById(“demo”)是获取指定的id元素,innerHTML是需要插入的内容,整句话可以翻译为:在id是demo的元素中插入“然而打开网页看到的是我,呵呵”这段文字。
上面的案例是替换现有的html元素内容,而如果想在不修改原始html网页内容的情况下,怎么通过JavaScript脚本语言在html网页中插入内容呢,我们需要通过以下的语句实现:
- <script>
- document.write(“<p>我是新加入的内容</p>”);
- </script>
声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。
评论(0)