innerText和innerHTML
innerText用来修改起始标签和结束标签之间的文本,如果文本中含有> <标记时,会原样显示标签:
oDiv.innerText = 'New text form the div. '
innerHTML可以直接给元素分配HTML字符串,而不需考虑使用DOM方法来创建元素。
oDiv.innerHTML= ' <strong>Hello </strong> <em>World </em>'
注:Mozilla仅支持innerHTML
outerText和outerHTML
这两个与前两个十分相似,只不过替换的是整个目标节点。例如,设置 <div/>的outerText,将删除标签本身并把它替换成文本节点,考虑下面这行代码:
oDiv.outerText= 'Hello world! '
第一行代码等同于下面一系列DOM操作:
var oText = document.createTextNode('Hello world!');
var oDivParent = oDiv.parentNode.
oDivParent.replaceChild(oText, oDiv);
outerText属性和innerText属性有个相同的规则,就是用相应的HTML实体替换所有的小于号、大于号、引号以及&号。
outerHTML允许以标签文本串替换整个目录节点。
获取某个元素内容时,innerText与outerText是一样的,但outerHTML与innerHTML不同的是,返回的串中包含了元素本身标签。
注:只有IE与Opera中才支持outerText与outerHTML属性
分享到:
相关推荐
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
innerHTML、outerHTML、innerText、outerText的用法与区别
<a>innerHTML,innerText,outerHTML,outeterText</a> <input type =button onclick =inner() value=inner /> <input type =button onclick =outer() value=outer /> </div> </div> js源码...
主要介绍了javascript innerHTML、outerHTML、innerText、outerText的区别,本文讲解了它们的功能、使用实例、和不同之处,需要的朋友可以参考下
innertext和outertext以及div,在编写网页时经常用到的,很好用.
本篇主要是对innerHTML,outerHTML,innerText,outerText的用法及区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
Most users will only want to use the innerText/innerHTML and outerText/outerHTML properties and methods discussed previously. However, there is some more advanced text ...
innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉。注意,innerText是非标准属性,...
//元素_取outerText,m_WebView为0将返回空。 el_GetclassName //元素_取className,m_WebView为0将返回空。 el_GetouterHTML //元素_取outerHTML,m_WebView为0将返回空。 el_SetinnerHTML //元素_置innerHTML,m_...
//元素_取outerText,m_WebView为0将返回空。 el_GetclassName //元素_取className,m_WebView为0将返回空。 el_GetouterHTML //元素_取outerHTML,m_WebView为0将返回空。 el_SetinnerHTML //元素_置innerHTML,m_...
非常小巧实用的网页解析类,在delphi 10.2下编译通过,主要方法:getElementByid getElementsByTagName(aTag : string) getElementByTagNameAndFlag getElementsByClassName 标签... outerText , outerHTML , parent
我们常常需要使用另外一些对象的属性来实现动态改变其中的文本,它们就是:innerText,outerText,innerHTML,outerHTML,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。
要写出更通用的代码,最好还是通过id来得到,使用document.getElementById(…) element.outerText, element.innerText, element.outerHTML,element[removed] element.outerText, element.innerText, element....
textContent,innerText,outerText,textNode.data工程化JS JS Regenerator运行时同步网络包 webpack打包形成的模块结果分析样式加载器,css加载器,较少加载器,URL加载器样式文件,图片文字文件处理摇树初步组件...
document对象中有innerHTML、innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的; ...2) outerHTML设置或获取标签自身及其所包含的HTML+文本信息(包括自身) ...innerText和outerText在
outerText、outerHTML(少用) 26 value属性获取表单节点内容 26 (3) 访问节点的样式 27 使用节点对象的style属性对象改变样式 27 使用className设置样式 27 3. 继承机制实现 27 (1) 继承的方式 27 (2) ...