innerText 与innerHTML区别

最新推荐文章于 2022-06-05 09:10:03 发布

iteye_608

最新推荐文章于 2022-06-05 09:10:03 发布

阅读量111

点赞数

分类专栏： AJAX 文章标签： IE

本文链接：https://blog.csdn.net/iteye_608/article/details/81791051

版权

AJAX 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

innerText 跟 innerHTML是两个非DOM标准的方法
其区别如图所示：

在IE中 innerText 跟 innerHTML 两个方法都能正常运行

但是FF里面的innerText不可用，但是有一个替代方法: textContent

IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString; oDiv.innerHTML = aString;

innerHTML ， outerHTML ， innerText ， outerText 这些都是相对于某个标签的 id 而言的，以下代码是可以直接运行看到区别的：
< div id="div">

</ div >

< input type="button" name="innerHTML" value="innerHTML" onclick="alert(div.innerHTML);"/>

< input type="button" name="outerHTML" value="outerHTML" onclick="alert(div.outerHTML);"/>

< input type="button" name="innerText" value="innerText" onclick="alert(div.innerText);">

< input type="button" name="outerText" value="outerText" onclick="alert(div.outerText);">

（1）name="innerHTML"运行结果：

（2）name="outerHTML"运行结果：

（3）name="innerText"与name="outerText"运行结果：

========================================================================

<td class="tdFormText" width="20%">姓 名：</td>
<td class="tdFormInput" width="30%"><@ww.textfield name="'appealMail.name'" id="name" cssClass="'inputTextNormal'" tabindex="'2'" disabled ="'${showState}'" οnblur="'return checkusername()'"/><font color="C90E00">* <label id="username"></label></td>

function checkusername(){ 
var checkname = document.getElementById('name').value; 
if(checkname==''){ 
document.getElementById('username').innerText="请输入姓名！"; 
return false; 
} 
document.getElementById('username').innerText=""; 
return true; 
}