这是因为innerText的兼容性问题,它在FireFox下是不兼容的,在FireFox下,我们可以使用textContent代替innerText。上述代码要想在火狐下顺利运行,只需将script标签里的代码改为: 1window.onload =function()2{3varoTxt = document.getElementById('sp');45if(oTxt.innerText)6{7oTxt.innerText = "hello";8}9else10...
alert("新生成的nameSpan的内容:"+nameSpan.innerHTML); }//例2:获取内容时,innerText 和 textContent 会去掉html标签,//innerHTML会保留html标签//innerText会忽略display:none的内容,而textContent会获取此内容//textContent会获取style和script标签的内容,而innerText会忽略functionget() { let get1=document.getEle...
innerHTML与两者区别很大,获取HTML文本解构内容。 innerText获取指定节点及其后代节点的文本内容,但是隐藏的元素、style、script标签的内容获取不到! textContext获取的是指定节点的所有子节点的内容,即便是隐藏元素、style、script标签的内容也能获取。 设置方面:textContext不会引起重排reflow,而innerText则会。(这里其实我...
innerText是非标准的,由浏览器实现,可能在不同浏览器中,表现不一致!。innerText只有HTML元素才可以调用! textContent是标准的,浏览器表现一致!任意Node节点都可以:HTMLElement.innerText和Node.textContent。调用 innerText获取元素内容,会受到元素本身以及CSS样式的影响。 例如下面这个例子,我们有下面的代码,我们输出元素的in...
innerText和textContent 今天在使用innerText时遇到一个兼容性问题,FireFox不支持innerText方法,查了MDN,发现FireFox下有个类似的方法,叫textContent,它和IE的innerText类似, 都是用来获取(设置)元素中text的方法。 语法 设置 element.textContent= “text”; 获取...
使用区别: textContent 用来设置或获取某个元素内所有文本内容,包含子元素内容,隐藏元素也能获取。 innerText 的返回值会被格式化 ,但是textContent的返回值不会被格式化 innerText会把页面里的空标签当作换行处理, ( 一个空标签是一行 , 连续的多个空标签也是一行) ,但是textContent就返回一行文本(有子标签才会返回多行...
textContent: var a=111; 第一个 第二个 这个区别是由第一个区别引申而来的,在浏览器中自然是不会在屏幕中输出script和style标签之间的内容,而innerText的值依赖于浏览器的显示,所以仍然是666 999。 textContent会把空标签解析成换行(几个空标签就是几行),innerText只会把block元素类型的空标签解析换行,并且如果...
textContent与innerText的不同 IE下有个innerText属性,FF下有个textContent属性。很多以前给IE写脚本的,在FF下找不到innerText属性,于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 但是实际上,这里有个误解。网上很多文章说“FF下等效于innerText属性的属性是textContent”———但是事实上并非如此...
常规的 innertext、textContent 和 outerText 方法只能提取到全部的文本。可以通过 childNodes[索引] 来指定 text 文本来进行提取。
所属专辑:陪你读书(JavaScript WEB前端) 猜你喜欢 9521 第九期 by:人生教练张家伟 1.1万 第七期 by:Cathy英语课堂 2万 第九期 by:Cathy英语课堂 517 Ask Mr.BEAR,第20170807期,英文第5期 by:才智教育TY 2478 Caps for sale,第20170813期,英文第7期 ...