• 动态创建HTML内容


    document.write()方法

    document.write方法可以方便快捷的把字符串插入到文档里。它最大的缺点是违背了”分离javascript“原则。即使把document.write语句挪到外部函数里,你也还是需要在HTML文档的<body>部分使用<script>标签才能调用哪个函数。

    innerHTML属性

    innerHTML属性可以用来读、写某给定元素里的HTML内容。

    <div id="textidv">

    <p>This is <em>my</em> content.</p>

    </div>

    <em>标签是斜体的意思.

    标准化DOM就像是一把手术刀,innerHTML是一把劈材刀。

    当需要把一大段HTML内容插入一个网页时,innerHTML属性更适用。它是一个读写方法,不仅可以用它来读出元素的HTML内容,还可以用它把HTML内容写入元素。

    innerHTML属性要比document.write()方法更值得推荐。

    DOM提供的方法

    DOM是一个双向车道,不仅可以查询文档的内容,还可以刷新文档的内容。只要改变了DOM节点树,文档在浏览器里呈现效果就会发生变化。

    createElement()方法

    appendChild()方法

    createTextNode方法 

          var testdiv = document.getElementById("testdiv");

      var para = document.createElement("p");

      testdiv.appendChild(para);

          var txt = document.createTextNode(”hello world!");

          para.appendChild(txt);

    insertBefore()方法

        parentElement.insertBefore(newElement,targetElement

    insertAfter()方法

        function insertAfter(newElement,targetElement){

             var parent = targetElement.parentNode;

             if(parent.lastChild == targetElement){

                      parent.appentChild(newELement); 

            

              else{

                   parent.insertBefore(newElement,targetElement.nextSibling);

              }

       }

  • 相关阅读:
    JVM垃圾收集器-Parallel Scavenge收集器
    JVM垃圾收集器-ParNew收集器
    JVM垃圾收集器-Serial收集器
    UCloud数据盘扩容步骤
    java中强引用、软引用、弱引用、幻象引用有什么区别?分别使用在什么场景?
    java中exception和error有什么区别,运行时异常和一般异常有什么区别
    maven中的坐标和仓库
    Maven常用的构建命令
    Maven学习
    【设计原则和编程技巧】单一职责原则 (Single Responsibility Principle, SRP)
  • 原文地址:https://www.cnblogs.com/Eleanore/p/2518164.html
Copyright © 2020-2023  润新知