JavaScript 输出
JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素：
实例
通过指定的 id 来访问 HTML 元素，并改变其内容：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="我的第一个JavaScript";
</script>
</body>
</html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="我的第一个JavaScript";
</script>
</body>
</html>
尝试一下 »
JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "我的第一个 JavaScript"。
写到文档输出
下面的例子直接把 <p> 元素写到 HTML 文档输出中：
实例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
document.write("<p>我的第一个 JavaScript</p>");
</script>
</body>
</html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
document.write("<p>我的第一个 JavaScript</p>");
</script>
</body>
</html>
尝试一下 »
警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
实例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.write("噢！文档消失了。");
}
</script>
</body>
</html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
document.write("噢！文档消失了。");
}
</script>
</body>
</html>
尝试一下 »
Windows 8 中的 JavaScript
 | ：微软支持通过 JavaScript 创建 Windows 8 app。 对于因特网和视窗操作系统，JavaScript 都意味着未来。 |
|---|
