`
liudaoru
  • 浏览: 1575505 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

setInnerHTML函数(完备的设置innerHTML的方式)备忘

    博客分类:
  • Ajax
阅读更多
//设置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);
          }
     }
}	

 

分享到:
评论
1 楼 liudaoru 2008-09-11  
//设置css样式
var setClass = function (obj, className) {
	obj.setAttribute("className", className);
	obj.setAttribute("class", className);
	delete obj;
};

相关推荐

    innerHtml(转)

    3. **安全问题**:使用`innerHTML`设置用户输入的内容时,需要注意XSS(跨站脚本攻击)风险。不适当的使用可能导致恶意代码执行,因此需要进行适当的输入验证和编码。 4. **与innerText的区别**:`innerText`属性与...

    关于在innerHTML中JS不执行的问题

    了解这些方法后,你可以根据实际需求选择合适的方式来处理`innerHTML`中的JavaScript代码。在进行动态HTML插入时,考虑到性能、安全性和可维护性,建议尽可能避免使用`innerHTML`来插入包含JavaScript的HTML字符串。...

    js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法

    本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: ...

    innerHtml用法精解

    在不同的浏览器中,`innerHTML`的处理方式可能会有所不同。特别是在涉及脚本标签时,需要特别注意: - **IE浏览器**:要求脚本标签带有`defer`属性,并且元素必须存在于DOM树中。 - **Firefox和Opera**:要求元素不...

    innerHTML的简单应用

    innerHTML的简单应用

    python教程-04-获取和设置标签内容(innerHTML).ev4.rar

    这个Python教程-04-获取和设置标签内容(innerHTML)将详细解释这些库的使用方法,通过观看`python教程-0-04-获取和设置标签内容(innerHTML).ev4.mp4`视频,你可以得到更直观的演示和实例,帮助你更好地理解和掌握这些...

    innerHTML的使用

    innerHTML的使用document.getElementById("id").innerHTML = "contenttext";

    js中innerHTML与innerText的用法与区别

    // 设置innerHTML element.innerHTML = "&lt;span style='color:red'&gt;New Text&lt;/span&gt;"; // 获取innerHTML console.log(element.innerHTML); // 输出: &lt;span style="color:red"&gt;New Text ``` #### 2. `innerText` `...

    利用innerHTML实现隐显效果-两种实现方法

    这种方法的核心思想是,当需要隐藏元素时,将其innerHTML设置为空字符串;当需要显示元素时,恢复其原有的HTML内容。以下是一个简单的示例: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;innerHTML隐显效果 ;"&gt;这是一...

    innerHTML-outerHTML-innerTEXT.txt

    根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`outerHTML`。这些属性在Web开发中非常关键,用于获取或设置元素内部的内容。接下来将详细解析这些属性的功能、用途及差异。 ...

    innerHTML和innerText的区别

    虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 标签。例如,在上面的代码中,test.innerHTML 的值就是...

    解决ajax返回innerHTML中javascript不能运行问题

    如果单适用 IE 浏览器,最简单的方式就是在 `&lt;div&gt;` 中的 `&lt;script&gt;` 标签中添加属性 `defer`,它可以通知 IE 该脚本需要异步解析。但是令人头痛的是 Firefox 的标准总是和 IE 有着各种各样的不同,由于 FF 不支持 `...

    调用innerHTML之后onclick失效问题的解决方法

    在JavaScript编程中,`innerHTML`属性用于获取或设置HTML元素内部的HTML内容。当你通过`innerHTML`替换元素的内容时,所有之前绑定的事件处理程序(如`onclick`)都将丢失,因为新插入的HTML不会自动继承这些事件。...

    js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】

    本篇文章将深入讲解如何使用文档就绪函数以及`innerHTML`和`innerText`属性来实现动态内容的更新。 首先,我们要了解什么是文档就绪函数。在JavaScript中,通常使用`window.onload`或jQuery的`$(document).ready()`...

    js 回调函数

    JS 回调函数参数传递方法总结 JS 回调函数是一种非常常用的编程技术,然而,在实际应用中,我们经常会因为向回调函数中传参而感到头疼。今天,我们将总结一下向回调函数中传参的方法,以便在以后的应用中不用再到处...

    javascript常用函数集合

    17. **定时器**:`setTimeout()`和`setInterval()`用于设置延迟执行或周期性执行的函数。 18. **闭包**:函数可以访问并修改其词法作用域内的变量,即使该函数在其外部被调用,这就是闭包。 19. **原型和原型链**...

    通过改变innerHTML的内容,动态增加选择项

    当我们设置`innerHTML`时,浏览器会解析新的HTML字符串,替换掉原有内容,然后重新渲染元素。这为我们提供了一种灵活的方式,不仅可以更改元素的文本,还可以添加复杂的HTML结构。 在创建动态选择项,即`&lt;select&gt;`...

    react-Innerself使用innerHTML将ReactRedux转换成50行代码

    综上所述,Innerself是一个试图简化React和Redux结合的创新实践,通过innerHTML减少代码量,提供了一种不同于传统开发方式的选择。然而,这种方法也有其局限性和潜在的安全风险,适用于特定场景和项目规模。

    asp函数集函数资料

    2. 动态更新页面内容:通过`document.getElementById().innerHTML`改变DOM元素的内容,无需刷新整个页面。 3. 事件处理:如按钮点击、窗口加载等事件,JavaScript可以添加相应的响应函数。 4. AJAX异步通信:...

Global site tag (gtag.js) - Google Analytics