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内动态载入另一个页面非常相似!

  • 相关阅读:
    面试笔试题
    类型转换
    c++11之智能指针
    c++预处理命令
    java的javac不能正常运行
    状态模式
    观察者模式Observer
    带图形界面的虚拟机安装+Hadoop
    测试工具的使用:JUnit、PICT、AllPairs
    Test_1 一元二次方程用例测试以及测试用例
  • 原文地址:https://www.cnblogs.com/findumars/p/3164232.html
Copyright © 2011-2022 走看看