zoukankan      html  css  js  c++  java
  • (转)JS中innerHTML,innerText,value

    原文:http://holysonll.blog.163.com/blog/static/21413909320134111054352/

    JS中innerHTML,innerText,value  

    2013-05-11 11:24:49|  分类: JS与JQ |  标签:.innerhtml  .value  innertext   |举报 |字号 订阅

     
     
    一·、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> <pid="demo">My First Paragraph.</p> <script> document.getElementById("demo").innerHTML="<h1>My First JavaScript</h1>"; </script> </body> </html>

    输出结果:

     

    MyFirstWebPage

     

    MyFirstJavascript

    innerText

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

    输出结果:

    MyFirstWebPage

    <h1>MyFirstJavascript</h1>

    value

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

    输出结果:

    MyFirstWebPage

    MyFirstParagraph.

  • 相关阅读:
    nginx源码分析——http模块
    linux 信号处理
    文件读写监控(inotify, systemtap)
    rem
    vscode 将本地项目上传到码云
    vue 模拟去哪网
    form 文件上传
    分页
    修改默认select样式
    模拟select下拉框、复选框效果
  • 原文地址:https://www.cnblogs.com/allearner/p/3719545.html
Copyright © 2011-2022 走看看