zoukankan      html  css  js  c++  java
  • JS 输出

    JS 输出


    JavaScript 通常用于操作 HTML 元素。


    操作 HTML 元素

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

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

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

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>My First Web Page</h1>
    
    <p id="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>
    

    警告

    请使用 document.write() 仅仅向文档输出写内容。

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

    <!DOCTYPE html>
    <html>
    <body>
    
    <h1>My First Web Page</h1>
    
    <p>My First Paragraph.</p>
    
    <button onclick="myFunction()">点击这里</button>
    
    <script>
    function myFunction()
    {
    document.write("糟糕!文档消失了。");
    }
    </script>
    
    </body>
    </html>
    
  • 相关阅读:
    删除排序链表中的重复元素
    动态规划之爬楼梯问题
    外行小白的modbus惊心之旅
    SSM框架整合
    我与404的不解之缘系列(一)记录一个智障一般的错误
    day 06 作业
    day 06 文件查看查找与上传下载
    linux 防火墙查看firewall
    linux 变量详情
    day05作业练习题
  • 原文地址:https://www.cnblogs.com/chao8888/p/11382541.html
Copyright © 2011-2022 走看看