JavaScript 输出

上一篇 / 下一篇  2015-04-29 14:05:32 / 个人分类:JavaScrip


JavaScript. 通常用于操作 HTML 元素。


一、操作 HTML 元素

如需从 JavaScript. 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素:

例子

通过指定的 id 来访问 HTML 元素,并改变其内容:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<pid="demo">My First Paragraph</p>

<script>document.getElementById("demo").innerHTML="My First JavaScript";</script>

</body>
</html>
提示:JavaScript. 由 web 浏览器来执行。在这种情况下,浏览器将访问 id="demo" 的 HTML 元素,并把它的内容(innerHTML)替换为 "My First JavaScript"。
二、写到文档输出

下面的例子直接把 <p> 元素写到 HTML 文档输出中:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>document.write("<p>My First JavaScript</p>");</script>

</body>
</html>

警告:1、请使用 document.write() 仅仅向文档输出写内容。

           2、如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

实例

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button nclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>

</body>
</html>

TAG:

 

评分:0

我来说两句

Open Toolbar