码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 输出

时间:2017-11-05 21:14:43      阅读:248      评论:0      收藏:0      [点我收藏+]

标签: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>

JavaScript 输出

标签:demo   code   网页   替换   方法   元素   ntb   dem   文档   

原文地址:http://www.cnblogs.com/panpy/p/7788666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!