zoukankan      html  css  js  c++  java
  • JS把内容动态插入到DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>Testing</title>
    </head>
    <script type="text/javascript" src="example.js">
    </script>
    <body>
    <div id="testdiv">
    </div>
    </body>
    </html>

    example.js 文件内容:

    window.onload = function() {
      var testdiv = document.getElementById("testdiv");
      testdiv.innerHTML="<p>I inserted <em>this</em> content.</p>";
    }

    另一段代码:

    window.onload = function() {
      var para = document.createElement("p");
      var txt1 = document.createTextNode("I inserted ");
      var emphasis = document.createElement("em");
      var txt2 = document.createTextNode("this");
      var txt3 = document.createTextNode(" content.");
      para.appendChild(txt1);
      emphasis.appendChild(txt2);
      para.appendChild(emphasis);
      para.appendChild(txt3);
      var testdiv = document.getElementById("testdiv");
      testdiv.appendChild(para);
    }

    这与在DIV内动态载入另一个页面非常相似!

  • 相关阅读:
    记人生第一面之ThoughtWorks面试经历
    2016阿里笔试
    思特沃克学院学习方法总结
    敏捷软件开发
    express
    如何将项目部署到heroku并使用malb数据库
    渐进增强与平稳退化
    what is react?
    什么是Node.js
    面试1(转)
  • 原文地址:https://www.cnblogs.com/findumars/p/3164232.html
Copyright © 2011-2022 走看看