zoukankan      html  css  js  c++  java
  • js 输出语句document.write()及动态改变元素中内容innerHTML的使用

    操作 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>我是用js输入的内容http:/http://www.cnblogs.com/lhj-blog/</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>
  • 相关阅读:
    与数学有关的几个猜成语
    tex 字体斜体设置
    Beamer中左边画图, 右边文字解释
    Beamer制作索引
    唐诗
    大学生数学竞赛试题荟萃2018-11-06更新
    浙江省2018年高等数学竞赛工科类试题
    读书笔记
    word中中文保持正体,英文用斜体的方法.
    山果(转载《人民日报》)
  • 原文地址:https://www.cnblogs.com/lhj-blog/p/5821259.html
Copyright © 2011-2022 走看看