textContent 可以获取到一个元素之间包含了 script 标签或者 style.display 的值为 none 标签,innerText 是获取不到这些文本的。再一次验证“ innerText 的值决定于浏览器的显示结果”这个总结。 区别三 点击查看代码 <!- HTML --> <div id="test4"> test1 <span></span> test2 <p></p> test3 <span>...
innerHTML是获取HTML文本结构内容。 2、textContent会获取display:none的节点的文本;而innerText好像会感知到节点是否呈现一样,不作返回。 也就是说,textContent能够获取元素的所有子节点上的文本,不管这个节点是否呈现;而innerText只返回呈现到页面上的文本。 3、要注意设置文本时被替换的可不只是文本了;这时textContent ...
b). textContent可被设置且生效,无条件影响innerHTML的取值,但不会影响value的取值。 c). value可被设置且生效,不会影响innerHTML和textContent的取值。 Chrome a). innerHTML可被设置但无效,属性值永远保持空字符串。 b). textContent可被设置且生效,但不会影响value、innerHTML和innerText的取值。 c). innerText...
textContent 会获取所有元素的内容,包括<script> 和 <style> 元素,然而 IE 专有属性 innerText 不会。 innerText 会受样式的影响,它不返回隐藏元素的文本,但 textContent 返回。 由于innerText 受 CSS 样式的影响,它会触发重排(reflow),但textContent 不会。 与textContent 不同的是, 在 Internet Explorer (对于小...
text3 windows7 方法/步骤 1 创建一个HTML和一个JS文件，并且相互关联。2 我们用一个变量来获取元素。3 textContent会把内容输出，但是会看到有多余的符号。4 innerText就只会输出纯文本内容。5 而innerHTML会把元素标签也给输出出来。6 而innerHTML = ""则会把内容变空。注意事项 注意要看三者的本质区别 ...
console.log("我是textContent输出的"+testDiv.textContent); console.log("我是innerText输出的"+testDiv.innerText); </script> </body> </html> 输出结果: 我是textContent输出的 test test hi 我是innerText输出的test hi 1. 2. 3. 4. 5.
IE:innerText FF:textContent W3C:innerHTML innerText返回或者设置DOM元素的文本; innerHTML返回或者设置DOM元素的子元素 区别：取值时 innerText会把只会获取节点里面的文本信息，而innerHTML 会获取节点下面的所有标签。innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用...
textContent:其实跟innerText是一毛一样的功能. textContent是火狐弄的标准(标准语法),IE8之前不支持 innerText是IE弄的(非标准语法),火狐42版本之前不支持 它们都不用,用innerHTML,因为它没有兼容性问题 --><divclass="box"><h1>我是h1</h1><p>你是p</p></div><button>我是button</button><inputtype=...
1、innerText 打印标签之间的纯文本信息,会将标签过滤掉,低版本的火狐浏览器不支持,而是支持textContent <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <p>这是P标签</p> ...