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>