JavaScript通常用于操作Html元素
(1)如需从JavaScript访问某个HTML元素,你可以使用document.getElementById(id)方法。
使用“id”属性来标识HTML元素:
<body>
<h1>my first web page</h1>
<p id="demo">my first paragragh</p>
<script>
document.getElementById("demo").innerHTML="my first JavaScript";
</script>
</body>
JavaScript由web浏览器来执行。在这种情况下,浏览器将访问id=“demo”的HTML的元素,并把它的内容(innerHTML)替换为“my first javascript”
(2)写到文档中输出
下面的例子直接把<p>元素写到HTML文档输出中:
<body>
<h1>my first web page</h1>
<script>
document.write("<p>my first javascript</P>");
</script>
</body>
警告
请使用document.write()仅仅向文档输出写内容。
如果在文档已经加载后执行document.write,整个HTML页面将被覆盖:
<body>
<h1>my first web page</h1>
<p>my first paragraph</p>
<button onclick="myFunction()">点击这里</botton>
<script>
function myFunction(){
document.write("糟糕文件消失了!");
}
</script>
</body>