From:http://blog.stevenlevithan.com/archives/faster-than-innerhtml
http://lveyo.iteye.com/blog/182891
http://fins.iteye.com/blog/183373
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;
};
分享到:
相关推荐
标题中的"innerHtml(转)"可能是指HTML DOM(Document Object Model)中的一个属性`innerHTML`,这是一个非常关键的概念,特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...
描述中的“Innerself – 使用innerHTML将React / Redux转换成50行代码”进一步强调了这个方法的简洁性。通常,使用React和Redux构建的应用程序可能包含数百甚至数千行代码,尤其是在处理状态管理时。然而,Innerself...
本文实例讲述了js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法。分享给大家供大家参考。具体分析如下: 问题描述: 网站中使用了一个js插件,设置innerHTML时,在IE8下报错“未知运行时错误”: ...
当设置一个元素的`innerHTML`时,浏览器会做以下几件事: 1. 清空当前元素的所有子节点。 2. 解析新设置的HTML字符串,生成一个DOM树。 3. 将新的DOM树插入到原始元素的位置。 在这个过程中,浏览器会出于安全考虑...
这种方法的核心思想是,当需要隐藏元素时,将其innerHTML设置为空字符串;当需要显示元素时,恢复其原有的HTML内容。以下是一个简单的示例: ```html <!DOCTYPE html> <title>innerHTML隐显效果 ;">这是一...
innerHTML的简单应用
innerHTML的使用document.getElementById("id").innerHTML = "contenttext";
// 设置innerHTML element.innerHTML = "<span style='color:red'>New Text</span>"; // 获取innerHTML console.log(element.innerHTML); // 输出: <span style="color:red">New Text ``` #### 2. `innerText` `...
要设置innerHTML,可以使用`.replace_with()`方法将新内容替换到指定元素。 ```python from bs4 import BeautifulSoup # 解析HTML字符串或文件 soup = BeautifulSoup(html_content, 'html.parser') # 获取...
内嵌 HTML 和文本内容的获取方法 在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 ...
python的xpath没有获取div标签内html内容的功能,也就是获取div或a标签中的innerhtml,写了个小程序实现一下: 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签,...
问题总结如下: 在各种浏览器上的创建方式和使用方法不一致 各个浏览器对响应的缓存策略有所不同 浏览器存在跨域获取限制 前两个问题可以通过封装 XMLHTTPRequest 对象来解决,第三个问题的解决方法有很多中,...
这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求,比如如果你是在一个p里加入包含的html代码,这是会出错的。所以如果你发现这些错误出现,尝试做两件事情: 1、...
当我们设置`innerHTML`时,浏览器会解析新的HTML字符串,替换掉原有内容,然后重新渲染元素。这为我们提供了一种灵活的方式,不仅可以更改元素的文本,还可以添加复杂的HTML结构。 在创建动态选择项,即`<select>`...
要解决这个问题,最基本的方法就是需要让浏览器可以同时解析 `<div>` 标签中的 js。如果单适用 IE 浏览器,最简单的方式就是在 `<div>` 中的 `<script>` 标签中添加属性 `defer`,它可以通知 IE 该脚本需要异步解析...
这段代码首先通过`getElementById`方法找到了id为`example`的`<p>`标签,然后通过设置其`innerHTML`属性为`'Goodbye World'`,实现了对该段落内容的更改。 ### 注意事项 在使用`innerHTML`时,需要特别注意以下几...
如果设置该属性,则会用新的 HTML 替换掉原来的所有内容。 #### 示例 ```javascript const div = document.getElementById('test'); console.log(div.innerHTML); // 返回 '<span style="color:red">test1</span>...
在JavaScript编程中,`innerHTML`属性用于获取或设置HTML元素内部的HTML内容。当你通过`innerHTML`替换元素的内容时,所有之前绑定的事件处理程序(如`onclick`)都将丢失,因为新插入的HTML不会自动继承这些事件。...