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

innerHTML纠错措施,只限写入模式

 
阅读更多

innerHTML方便易用,但在IE下表现也问题多多,如果单纯用DOM实现,效果比innerHTML要好得多,但缺点是代码量增大并且不容易阅读。http://domscripting.com/blog/display/99的作者给出了一下方案,主要是让当前标签以DOM方式装载新创建的DOM对象。

PS:从速度上来讲,innerHTML比W3所定义的标准DOM操作要快!详情参考:http://www.quirksmode.org/dom/innerhtml.html

分享到:
评论

相关推荐

    innerHtml(转)

    4. **与innerText的区别**:`innerText`属性与`innerHTML`相似,但它只返回或设置纯文本,不包含任何HTML标记。这意味着`innerText`在处理文本内容时更安全,但缺乏对HTML结构的控制。 5. **DOM操作的最佳实践**:...

    innerHTML的简单应用

    innerHTML的简单应用

    innerHTML的使用

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

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

    首先,我们需要理解`innerHTML`的工作原理。当设置一个元素的`innerHTML`时,浏览器会做以下几件事: 1. 清空当前元素的所有子节点。 2. 解析新设置的HTML字符串,生成一个DOM树。 3. 将新的DOM树插入到原始元素的...

    innerHTML和innerText的区别

    innerHTML 属性 innerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 标签。例如,在上面的代码中,test.innerHTML 的值就是“<span style="color:red">test1</span> test2”,包括 HTML 标签。 innerHTML ...

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中,经常需要用到JavaScript来操作DOM元素,其中`innerHTML`和`innerText`是非常重要的属性,它们分别用于获取或设置元素内部的HTML内容和纯文本...

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

    原因在于浏览器只在显示模板时才解析 JavaScript,而使用 Ajax 返回的 js 是被后期倒入的并没有被解析,所以调用的时候找不到对应的 function()。 要解决这个问题,最基本的方法就是需要让浏览器可以同时解析 `...

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

    标题中的“react-Innerself使用innerHTML将ReactRedux转换成50行代码”表明这是一个关于简化React和Redux集成的项目,它使用了一种叫做Innerself的技术。Innerself是一种轻量级的解决方案,通过innerHTML属性来实现...

    超全面javaweb第4天- 08 innerHTML属性

    超全面javaweb第4天-_08_innerHTML属性

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

    第二种方法则更符合分离关注点的原则,通过CSS来处理样式,JavaScript只负责逻辑,但需要额外维护CSS类。 总的来说,innerHTML是JavaScript中强大的特性,可以用来实现各种动态页面效果,包括元素的隐藏与显示。...

    innerHTML-outerHTML-innerTEXT.txt

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

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

    本文将深入探讨如何通过改变`innerHTML`的内容来动态增加选择项,以及在实际开发中的应用。 首先,我们要理解`innerHTML`的工作原理。`innerHTML`可以获取或设置一个元素的所有HTML内容。当我们设置`innerHTML`时,...

    前端教程:48 日期对象 定时器和innerhtml

    千锋Web前端教程_48_日期对象_定时器和innerhtml

    简单日历和innerHTML使用

    简单日历和innerHTML使用 javascript的简单应用实例 可以自定义Css

    python的xpath获取div标签内html内容,实现innerhtml功能的方法

    python的xpath没有获取div标签内html内容的功能,也就是获取div或a标签中的innerhtml,写了个小程序实现一下: 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签,...

    html innerHTML outerHTML innerText outerText等的区别及实例汇总

    html js innerHTML outerHTML innerText outerText 等的区别及实例汇总

    IE6/7/8中使用innerHTML清空元素,其子元素也被清空

    例如,`element.textContent = ""`,这样只清除文本内容,而保留子元素。 2. **移除子节点**:如果你只想清空元素的HTML内容,但保留子元素,可以先使用`childNodes`属性获取子节点数组,然后逐个移除它们。例如: ...

    innerHTML_outerHTML.rar_javascript

    1. 范围不同:`innerHTML` 只关注元素内部的HTML,而 `outerHTML` 包含了整个元素。 2. 使用场景:`innerHTML` 更常用于修改元素内部的HTML结构,如添加、删除或更新子元素;`outerHTML` 则常用于替换整个元素或将其...

    IE 下的只读 innerHTML

    原因在于IE浏览器对于`COL`, `COLGROUP`, `FRAMESET`, `HTML`, `STYLE`, `TABLE`, `TBODY`, `TFOOT`, `THEAD`, `TITLE`, `TR`这些元素的`innerHTML`属性不支持直接写入。这意味着你不能直接像在Firefox或其他现代...

    innerHtml用法精解

    ### innerHtml用法精解 #### 一、InnerHtml简介及基本用法 `innerHTML`是HTML DOM(Document Object Model)的一个属性,用于获取或设置某个元素内的HTML内容。使用`innerHTML`,开发者可以直接操作HTML内容,从而...

Global site tag (gtag.js) - Google Analytics