例子innerHtml,innerText,outterHtml,outterText-HTML教程-爱易网页

例子innerHtml,innerText,outterHtml,outterText

日期：2014-05-17　浏览次数：20918 次

例证innerHtml,innerText,outterHtml,outterText

<body>
    <div id=test>
        <table>
            <tr>
                <td>
                  	  Macrotea<a>链接</a>茶叶
                </td>
            </tr>
        </table>
    </div>
    <input type=button onclick=alert(test.innerText) value="show innerText">
    <br>
    <input type=button onclick=alert(test.innerHTML) value="show innerHTML">
    <br>
    <input type=button onclick=alert(test.outerHTML) value="show outerHTML">
    <br>
    <hr>
    <br>
    <div id="div">
        <input name="button" value="Button" type="text">
        <font color="green">
            <h2>This is a DIV!</h2>
        </font>
    </div>
    <input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
	<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
	<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
	<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">
</body>

运行一下,可以感受效果!!

1 楼 davos 2010-10-20

我来给总结一下：
innerText与outerText的值是一样的，都是显示id里面的文本。
innerHtml不包括它自己本身这一层。
outerHtml包括它自己本身这一层。

说的不对的还请大家指正。