JavaScript_3_输出

JavaScript操作HTML元素

转载于 2017-03-22 12:17:00 发布 · 55 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiao9426926/p/6599209.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript操作HTML元素及document.write()的用法。通过getElementById()方法更改元素的内容，并展示document.write()如何影响页面输出。

1. JavaScript通常用于操作HTML元素，可以使用getElementById(id)方法。

JavaScript由Web浏览器来执行。

2. document.write()仅仅向文档输出内容。

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

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>

    <p id="d1">操作HTML元素</p>
    <script>
        document.getElementById("d1").innerHTML = "My JavaScript";
    </script>

    <script >
        document.write("<p>文档输出</p>")
    </script>

    <button type="button" onclick="MyClick()">点击这里</button>
    <script>
        function MyClick()
        {
            document.write("糟糕！文档全部消失了");
        }
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/xiao9426926/p/6599209.html