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.

  • 相关阅读:
    java数据类型
    如何判断数组
    git 常用命令
    如何配置 ESLint 工作流
    Lambda表达式和函数式接口
    面向对象(多态与内部类)
    面向对象(封装与继承)
    面相对像(基础)
    break;怎么跳出外部循环
    面向对象(类与对象)
  • 原文地址:https://www.cnblogs.com/nice41/p/3831854.html
Copyright © 2011-2022 走看看