javascript基础教程：如何实现javascript输出
责任编辑：宏鹏来源：武汉北大青鸟鲁广校区时间：2014-01-09 15:35:21本节javascript基础教程继续由北大青鸟鲁广校区编辑给大家讲解如何实现javascript输出。
先实现获得html元素，然后通过输出来改变之前的内容，可以使用 document.getElementById(id) 方法。其中 “id” 属性为标识的 HTML 元素：
通过指定的 id 来访问 HTML 元素，并改变其内容：
<!DOCTYPE html>
<html>
<body>
<h1>北大青鸟鲁广校区</h1>
<p id=“demo”>青鸟教育</p>
<script>
document.getElementById(“demo”).innerHTML=“教育改变生活”;
</script>
</body>
</html>
本例终<p></P>段落之间显示的不是青鸟教育，而是教育改变生活。大家可以自己运行代码看看结果。
看到这里有些朋友可能注意到为什么不直接使用document.write 来输出呢？ document.write() 向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
大家可以运行下面的实例来体会下效果
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick=“myFunction()”>武汉北大青鸟javascript</button>
<script>
function myFunction()
{
document.write(“糟糕！文档消失了。”);
}
</script>
</body>
</html>
运行以上代码，大家可以发现点击按钮执行javascript之后整个页面清空，只显示docment.write输出的内容了。
相信大家看了以上的教程都知道了javascript是如何实现在html中输出功能，如果疑问欢迎咨询北大青鸟鲁广校区在线老师!
- javascript基础教程：如何实现javascript输出
看过该软件测试工程师的还看过
本文标题：javascript基础教程：如何实现javascript输出，责任编辑：宏鹏，来源：武汉北大青鸟鲁广校区栏目，于2014-01-09 15:35:21发布于北大青鸟鲁广校区。本文继续讲解javascript的基础教程，本节知识点为如何实现javascript输出，希望大家可以掌握，如果你有更多网站建设方面的疑问欢迎致电或者咨询在线老师。
热点关注
热门软件测试工程师
预约你的精彩未来
预约将免费领取7天课程体验卡
全国百余家校区
只为您方便就学
