原文: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 在块中加文字。 (注意大小写)!!!!!!
 
 
 
 
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.

(转)JS中innerHTML,innerText,value的更多相关文章

  1. js 中innerHTML,innerText,outerHTML,outerText的区别

    开头说下innerText和outerText只在chrome浏览器中有效 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML,包括标签. 来看代码 <!DOC ...

  2. js中innerHTML、outerHTML与innerText的用法与区别

    ____________________________________________________________________________________________________ ...

  3. JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val()

    一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HT ...

  4. js中innerHTML与innerText的用法与区别

    用法: <div id="test">    <span style="color:red">test1</span> te ...

  5. js中innerHTML和innerText的用法

    <div id="test"> <span style="color:red">test1</span> test2 < ...

  6. JS中innerHTML 和innerText和value的区别

    (1)innerHTML 和innerText和value的区别: innerHTML innerText是对非表单元素进行操作的. value是对表单元素进行操作的. (2)innerHTML 和i ...

  7. JS中innerHTML和innerText,outerHTML和outerText

      innerHTML 声明了元素含有的HTML文本,不包括元素本身的开始标记和结束标记 innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器(现在也适应chrome浏览器 ...

  8. JS中innerHTML,innerText,value

    一·.JS初学者易混淆的问题:innerHTML,innerText,value(他们和JQ的区别:JS→value,JQ→value()) 1.getElementById("a" ...

  9. JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?

    1.innerHTML 属性 (参考自<JavaScript高级程序设计>294页) 在读模式下,innerHTML 属性返回与调用元素的所有子节点(包括元素.注释和文本节点)对应的 HT ...

随机推荐

  1. 鸟哥的linux私房菜勘误表

    博客园地址: http://www.cnblogs.com/jiangxinnju GitHub地址: https://github.com/jiangxincode 知乎地址: https://ww ...

  2. linux笔记:linux常用命令-权限管理命令

    一个文件的权限只有root和所有者可以更改. 权限管理命令:chmod(改变文件或目录的权限) 权限的数字表示: 用权限加减的方式改变权限(u代表所有者,g代表所属组,o代表其他人,a代表所有人): ...

  3. 【转】commons-lang.jar包简介

    转自:http://zhidao.baidu.com/share/71b48e6b3e1b1dc73fe705604b9c7584.html 1.下载jar包 包官方下载地址:http://commo ...

  4. hdu----(1671)Phone List(Trie带标签)

    Phone List Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  5. Populating Next Right Pointers in Each Node [LeetCode]

    Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *nex ...

  6. <spring:message> 标签

    可以使用<spring:message>标签结合 ResourceBundleMessageSource 的功能,在网页上显示 messages.properties 中的文字讯息,例如在 ...

  7. linq分页扩展(转)

    原文地址:http://www.cnblogs.com/RainbowInTheSky/p/4590508.html public static List<T> ToPagedList&l ...

  8. IDOC创建、发送、接收及程序代码[转]

    什么是IDOC,以及IDOC的步骤   创建IDOC:   第一步:WE31 创建IDOC所包含的字段.   第二步:WE30 创建IDOC 把Segment分配给IDOC   第三步:WE81  创 ...

  9. Wilcoxon test

    clear load NPSVOR name={'SCV1V1','SVC1VA','SVR','CSSVC','SVMOP','NNOP','ELMOP','POM',... 'NNPOM', 'S ...

  10. jdk版本比较

    JDK各个版本的新特性 对于很多刚接触java语言的初学者来说,要了解一门语言,最好的方式就是要能从基础的版本进行了解,升级的过程,以及升级的新特性,这样才能循序渐进的学好一门语言.今天先为大家介绍一 ...