zoukankan      html  css  js  c++  java
  • boboJavaScript中innerHTML,innerText,value

    一·、JS初学者易混淆的问题;innerHTML,innerText,value(他们和JQ的区别:JS→value,JQ→value())
    1、getElementById("a").innerHTML="";
         getElementById("a").innerText="";  这两个的区别直接上图,不解释了。
    innerHTML,是在块中加html代码;innerText 在块中加文字。 (注意大小写)!!!!!!
     
    JS中getElementById后我们取什么? - Holyson - 凡图的编程之路
     
     
     
    2、getElementById("a").innerHTML="";
         getElementById("a").value="";
    有value属性的标签才能使用getElementById().value------这个被我证实是错误的!
    .value是一个介于innerHTML和innerText的效果
    既不会显示代码,还可以显示文本
     
     
     
    innerHTML

    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Web Page</h1>
    <p id="demo">My First Paragraph.</p>
    <script>
    document.getElementById("demo").innerHTML="<h1>My First JavaScript</h1>";
    </script>
    </body>
    </html>

    输出结果:

     

    My First Web Page

     

    My First Javascript

    innerText

    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Web Page</h1>
    <p id="demo">My First Paragraph.</p>
    <script>
    document.getElementById("demo").innerText="<h1>My First JavaScript</h1>";
    </script>
    </body>
    </html>

    输出结果:

    My First Web Page

    <h1>My First Javascript</h1>

    value

    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Web Page</h1>
    <p id="demo">My First Paragraph.</p>
    <script>
    document.getElementById("demo").value="<h1>My First JavaScript</h1>";
    </script>
    </body>
    </html>

    输出结果:

    My First Web Page

    My First Paragraph.

  • 相关阅读:
    一道题DP
    BZOJ 3155: Preprefix sum
    BZOJ:3209: 花神的数论题
    TJU 4087. box
    BZOJ1192: [HNOI2006]鬼谷子的钱袋
    概率DP
    Codeforces Round #253 (Div. 2) D题
    二维树状数组
    Codeforces Round #250 (Div. 2)
    莫比乌斯函数
  • 原文地址:https://www.cnblogs.com/nice41/p/3831854.html
Copyright © 2011-2022 走看看