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>

 

posted on 2015-09-16 15:57  麦子GG  阅读(78)  评论(0编辑  收藏  举报