zoukankan      html  css  js  c++  java
  • replaceHtml

    JAVASCRIPT:
    1.  
    2. /* This is much faster than using (el.innerHTML = str) when there are many
    3. existing descendants, because in some browsers, innerHTML spends much longer
    4. removing existing elements than it does creating new ones. */
    5. function replaceHtml(el, html) {
    6.         var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
    7.         var newEl = document.createElement(oldEl.nodeName);
    8.         // Preserve the element's id and class (other properties are lost)
    9.         newEl.id = oldEl.id;
    10.         newEl.className = oldEl.className;
    11.         // Replace the old with the new
    12.         newEl.innerHTML = html;
    13.         oldEl.parentNode.replaceChild(newEl, oldEl);
    14.         /* Since we just removed the old element from the DOM, return a reference
    15.         to the new element, which can be used to restore variable references. */
    16.         return newEl;
    17. };
    18.  

    another way:


    function replaceHtml(el, html) {
    var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
    /*@cc_on // Pure innerHTML is slightly faster in IE
    oldEl.innerHTML = html;
    return oldEl;
    @*/
    var newEl = oldEl.cloneNode(false);
    newEl.innerHTML = html;
    oldEl.parentNode.replaceChild(newEl, oldEl);
    /* Since we just removed the old element from the DOM, return a reference
    to the new element, which can be used to restore variable references. */
    return newEl;
    };


  • 相关阅读:
    Excel 函数
    selenium+python自动化测试(二)对浏览器的简单操作
    selenium+python自动化测试(一)环境
    py中mongodb使用
    ESQL调oracle存储过程
    boost.asio简单入坑
    浅析tcp中read阻塞
    14 天堂电影信息爬取
    13 爬取豆瓣电影网电影信息
    12 lxml&XPath结合使用(提取数据详解)
  • 原文地址:https://www.cnblogs.com/jinweijie/p/922196.html
Copyright © 2011-2022 走看看