zoukankan      html  css  js  c++  java
  • innerText 与innerHTML区别

    innerText 与innerHTML区别

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

     

     

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

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

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

    innerHTMLouterHTMLinnerTextouterText这些都是相对于某个标签的id而言的,以下代码是可以直接运行看到区别的:
    <div id="div">
        <font color="green"><h2>THis is Div</h2></font>
    </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="outerHTML"与name="outerText"运行结果:


  • 相关阅读:
    226. 翻转二叉树
    LeetCode 1660.纠正二叉树(Medium)
    814. 二叉树剪枝
    110. 平衡二叉树
    HTTPS原理浅析
    MySQL知识网络
    制作SSL证书(签发免费证书)
    Redis高可用三(Redis Cluster集群)
    Redis高可用二( 哨兵sentinel)
    Redis高可用一(主从)
  • 原文地址:https://www.cnblogs.com/zpq521/p/1241493.html
Copyright © 2011-2022 走看看