首页 > 代码库 > innerHTML,innerText,outHTML,outText区别

innerHTML,innerText,outHTML,outText区别

<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div>
<input name="innerHTML" value="http://www.mamicode.com/innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="http://www.mamicode.com/outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="http://www.mamicode.com/innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="http://www.mamicode.com/outerText" type="button" OnClick="alert(div.outerText);">

innerHTML 设置或获取位于对象起始和结束标签内的 HTML <br>
outerHTML 设置或获取对象及其内容的 HTML 形式 <br>
innerText 设置或获取位于对象起始和结束标签内的文本 <br>
outerText 设置(包括标签)或获取(不包括标签)对象的文本 <br><br>

 

技术分享

innerHTML,innerText,outHTML,outText区别