论坛首页 Web前端技术论坛

例证innerHtml,innerText,outterHtml,outterText

浏览 3011 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2010-10-19   最后修改:2010-10-19
<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>

 

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

   发表时间:2010-10-20  
我来给总结一下:
innerText与outerText的值是一样的,都是显示id里面的文本。
innerHtml不包括它自己本身这一层。
outerHtml包括它自己本身这一层。

说的不对的还请大家指正。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics