setInnerHTML函数（完备的设置innerHTML的方式）备忘

跨浏览器设置innerHTML

最新推荐文章于 2023-09-16 12:02:29 发布

原创最新推荐文章于 2023-09-16 12:02:29 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #Opera #JavaScript #CSS #ViewUI

Ajax 专栏收录该内容

158 篇文章

订阅专栏

本文介绍了一种跨浏览器兼容的方法来安全地设置元素的innerHTML属性。该方法特别关注于解决Internet Explorer浏览器中的问题，并确保在现代浏览器中也能正常工作。

//设置innerHTML的方式
function setInnerHTML(el, htmlCode) {
     var ua = navigator.userAgent.toLowerCase();
      if (ua.indexOf('msie') >= 0 && ua.indexOf('opera') < 0) {
          htmlCode = '<div style="display:none">for IE</div>' + htmlCode;
          htmlCode = htmlCode.replace(/<script([^>]*)>/gi,'<script$1 defer>');
          el.innerHTML = '';
          el.innerHTML = htmlCode;
          el.removeChild(el.firstChild);
      } else {
          var el_next = el.nextSibling;
          var el_parent = el.parentNode;
          el_parent.removeChild(el);
          el.innerHTML = htmlCode;
          if (el_next) {
          el_parent.insertBefore(el, el_next)
          } else {
              el_parent.appendChild(el);
          }
     }
}