今天要讲的这些属性都可以用来获取某个元素的内容,你可能会觉得不可思议,或是说上一句"丧心病狂"也.但当你看完以下内容后,会发现除outerText无用外,其他的都有各自的使用场景,不然它就真的是丧心病狂,然后我们就可以各回各家了. innerText 引用MDN,Node.textContent上的一段话: Internet Explorer 引入了 element.innerText,目的是相似的,不过有下面几点不同之处: textContent 会获取所有元素的内容,包括<s…

//自定义函数 function my$(id) { return document.getElementById(id); } //点击按钮设置div中的文本内容 my$("btn").onclick = function () { //设置标签中间的文本内容,应该使用textContent属性 my$("dv").innerText = "啊,这是div"; /* my$("dv").textContent="t…

textContent,innerText, 查询或者设置元素的文本内容. textContent如,html: <p>test gogo</p> javascript中: var p0 = document.getElementsByTagName("p")[0]; //查询文本内容 var txt = p0.textContent; //设置文本内容 p0.textContent = "hello world!"; 说说两者的支持者. t…

一.前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它(修正:FF45+已经支持innerText属性),一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点.…

一.前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它,一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点. 赋值操作:先对值内容进行模式匹配,然后把处理后的…

转自下面这位大神: http://zhangyaochun.iteye.com/blog/1391370 其实关于这textContent与innerText有很多碎碎的东西,不过个人觉得还是一个不错的topic,好好讲讲吧. 1.关于兼容性 这个很多人应该都了解: innerText除了ff3.6外,Chrome Safari Opera均支持 textContent除IE8及以下版本外,IE9 Chrome Safari Opera均支持 2.关于返回值 第一:这个其实也算兼容性里面的一种,…

区分:outerHTML - innerTHML - outerText - innerText - textContent 获取值 <div id="outer"> 外部 <div id="inner"> 内部 <span style="display:none">浙江省</span> <!-- 这是注释 --> <span>杭州西湖美</span> </…

优点: 丢弃了一些不常用的方法(jQuery.fn):slideUp.fadeIn.animate等: 新增获取子节点的方法(ToolKit.fn):firstChild,lastChild等: 新增ToolKit.Threads线程操作函数(有效解决自定义弹窗同时运行的问题): 加入JSON对象(JSON.parse和JSON.stringify); 重写ToolKit.toString方法为JSON.stringify,ToolKit.get和ToolKit.post的dataType为js…

DOM操作包括append.prepend.before.after.replaceWith.appendTo.prependTo.insertBefore.insertAfter.replaceAll.其核心处理函数是domManip. DOM操作函数中后五种方法使用的依然是前面五种方法,源码 jQuery.each({ appendTo: "append", prependTo: "prepend", insertBefore: "before&quo…

所谓兼容性,就是看浏览器是否支持当前对象的属性或是方法,先通过获得页面文本内容的方式来了解兼容性,并封装函数或对象以解决此类问题. 获得页面文本内容的方式:innnerText 或textContent 或innerHTML. innerText在不同浏览器存在有兼容性问题,为此我们需要封装到一个函数里,使得不同的浏览器及不同版本都能获得页面文本.(谷歌兼容性较好,这里只拿早期火狐版本和IE8及其之前版本作比较) innerText和innerHTml的具体区别 在获取页面文本的时候1,inne…