JavaScript 输出

一、操纵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>

posted @ 2017-11-05 20:45  Panpy_Y  阅读(136)  评论(0编辑  收藏  举报