JavaScript通常用于操作HTML元素。
1、操作HTML元素
如需从JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法。
例子:
通过指定的id来访问HTML元素,并改变其内容。
<!DOCTYPE html>
<html>
<body>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById('demo').innerHTML = '我的第一个段落 JavaScript';
</script>
</body>
</html>
JavaScript由Web浏览器来执行。在这种情况下,浏览器将访问id="demo"的HTML元素,并把它的内容(innerHTML)替换为"我的第一个段落 JavaScript"。
2、写到文档输出
下面的例子直接把<p>元素写到HTML文档输出中
<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<script>
document.write("<p>我的第一段 JavaScript</p>");
</script>
</body>
</html>
3、警告
请使用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>