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

设置innerHTML的新方法【转 备忘】

    博客分类:
  • Ajax
阅读更多
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(转)

    标题中的"innerHtml(转)"可能是指HTML DOM(Document Object Model)中的一个属性`innerHTML`,这是一个非常关键的概念,特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...

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

    描述中的“Innerself – 使用innerHTML将React / Redux转换成50行代码”进一步强调了这个方法的简洁性。通常,使用React和Redux构建的应用程序可能包含数百甚至数千行代码,尤其是在处理状态管理时。然而,Innerself...

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

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

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

    当设置一个元素的`innerHTML`时,浏览器会做以下几件事: 1. 清空当前元素的所有子节点。 2. 解析新设置的HTML字符串,生成一个DOM树。 3. 将新的DOM树插入到原始元素的位置。 在这个过程中,浏览器会出于安全考虑...

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

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

    innerHTML的简单应用

    innerHTML的简单应用

    innerHTML的使用

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

    js中innerHTML与innerText的用法与区别

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

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

    要设置innerHTML,可以使用`.replace_with()`方法将新内容替换到指定元素。 ```python from bs4 import BeautifulSoup # 解析HTML字符串或文件 soup = BeautifulSoup(html_content, 'html.parser') # 获取...

    innerHTML和innerText的区别

    内嵌 HTML 和文本内容的获取方法 在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 ...

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

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

    跨浏览器的设置innerHTML方法

    问题总结如下: 在各种浏览器上的创建方式和使用方法不一致 各个浏览器对响应的缓存策略有所不同 浏览器存在跨域获取限制 前两个问题可以通过封装 XMLHTTPRequest 对象来解决,第三个问题的解决方法有很多中,...

    Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法

    这主要是IE在对innerHTML进行写操作的时候会检查element是否具备做为这些内容中html对象容器的要求,比如如果你是在一个p里加入包含的html代码,这是会出错的。所以如果你发现这些错误出现,尝试做两件事情: 1、...

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

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

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

    要解决这个问题,最基本的方法就是需要让浏览器可以同时解析 `<div>` 标签中的 js。如果单适用 IE 浏览器,最简单的方式就是在 `<div>` 中的 `<script>` 标签中添加属性 `defer`,它可以通知 IE 该脚本需要异步解析...

    js innerHTML 改变div内容的方法

    这段代码首先通过`getElementById`方法找到了id为`example`的`<p>`标签,然后通过设置其`innerHTML`属性为`'Goodbye World'`,实现了对该段落内容的更改。 ### 注意事项 在使用`innerHTML`时,需要特别注意以下几...

    innerHTML-outerHTML-innerTEXT.txt

    如果设置该属性,则会用新的 HTML 替换掉原来的所有内容。 #### 示例 ```javascript const div = document.getElementById('test'); console.log(div.innerHTML); // 返回 '<span style="color:red">test1</span>...

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

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

Global site tag (gtag.js) - Google Analytics