标签:demo code 网页 替换 方法 元素 ntb dem 文档
一、操纵HTML元素
指如需从Javascript访问某个HTML元素,可以使用document.getElementId(id)方法。前提是使用“id”属性来标识HTML元素。
实例:
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="我的第一段 Javacript";
</script>
</body>
</html>
注释:JavaScript由web浏览器执行,在这种情况下,浏览器将访问id="demo"的HTML元素,并把它的内容(innerHTML)替换为"我的第一段 Javacript"。
二、写到文档输出
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <script>document.write("<p>我的第一段 JavaScript</p>");
</script> </body> </html>
警告:使用document.write()仅仅向文档输出与内容,如果在文档已完成加载后执行
document.write,整个HTML页面将被覆盖:
实例:
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点击这里</button> <script> function myFunction() { document.write("糟糕!文档消失了。"); } </script> </body> </html>
标签:demo code 网页 替换 方法 元素 ntb dem 文档
原文地址:http://www.cnblogs.com/panpy/p/7788666.html