innerHTML与appendChild(newnodeText)的区别

innerHTML和createTextNode都可以把一段内容添加到一个节点中，区别是如果这段内容中有html标签时表现就不同了，在createTextNode中会当作文本处理，不会被浏览器解析，但用innerHTML就会被当作HTML代码处理

newnode.innerHTML="<b>Javascript</b>";

var newnodeText=document.createTextNode("<b>Javascript</b>");

newnode.appendChild(newnodeText);

时间： 2024-11-03 22:07:56

innerHTML与appendChild(newnodeText)的区别的相关文章

innerHTML和outerHTML有什么区别

一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子1:<div id="test"> <span style="color:red">test1</span> test2 </div>1)innerHTML的值是“<span style="color:red&qu

innerHTML和appendChild的性能

目测innerHTML比appendChild好了3到4倍, 但是界面渲染还是很慢啊: /** *chrome浏览器; * innerHTML appendChild * 1千条的情况下:3MS 11MS * 1万条的情况下:25MS(14MS) 111MS(52MS) * 10万的情况下:276MS(145MS) 672MS(480S) * 100万界面卡死了 * */ chrome结果直接点击就可以运行哦, 怎么测试才是对的,感觉不对啊: <html> <head> <

javaScript中innerHTML,innerText,outerHTML,outerText的区别

开头说下innerText和outerText只在chrome浏览器中有效定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML,包括标签. 来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

innerHTML outerHTML innerText textContent的区别

在网上看了很多博文介绍他们之间的区别,大部分都说FF中innerText不能使用,但经过自己试验,是可以用的,所以自己把各种情况总结了一下. 首先是innerHTML,这个就不用多说了,返回的是标签内部所有的内容,包括标签和文本,还有空格举两个栗子,对比一下空格导致的输出区别 <div id="main">1 <span>123</span> <p>222</p> <div class="test"

js里用append()和appendChild有什么区别？

parentNode.append()是还在试用期的方法,有兼容问题.是在parendNode节点中最后一个子节点后插入新Node或者DOMString(字符串,插入后为Text节点). 与parentNode.appendChild()的区别在于:parentNode.append()可以同时传入多个节点或字符串,没有返回值:而parentNode.appendChild()只能传一个节点,且不直接支持传字符串(需要parentNode.appendChild(document.createT

innerHTML innerText的使用和区别

document对象中有innerHTML.innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的: 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,但不包括自身) 2) outerHTML设置或获取标签自身及其所包含的HTML+文本信息(包括自身) 3) innerText设置或获取标签所包含的文本信息(从标签起始位置到终止位置的内容,去除HTML标签,但不包括自身) 4) outerTe

(转)innerHTML、innerText和outerHTML、outerText的区别

原文:http://walsh.iteye.com/blog/261966 innerHTML.innerText和outerHTML.outerText的区别博客分类: CSS/HTML HTML 1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本

1.javaScript(JS)常用函数之 appendChild 和removeChild

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">1,追加与删除HTML元素</span> 创建HTML元素 var newEle =document.createElement("p"); 创建的元素追加到别的元素之后: A. appendChild(B): 若B是新建的元素,在A元素的所有子元素的末尾

DOM系列---基础篇

DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改页面的某一部分.DOM 产生于网景公司及微软公司创始的 DHTML(动态 HTML) ,但现在它已经成为表现和操作页面标记的真正跨平台.语言中立的方式. DOM 中的三个字母: D(文档)可以理解为整个 Web 加载的网页文档: O(对象)可以理解为类似 window 对象之类的东西,可以调用属性