JS中的innerHTML，innerText，value的区别

一、区别

innerHTML

在控件中加html代码 ,就是设置一个元素里面的HTML,标签对文本信息有效。

innerTEXT

打印标签之间的纯文本信息，显示标签，标签无效，低版本的火狐浏览器不支持。

value

显示双引号中的全部内容，显示标签，标签无效。

二、举例

例一

1、innerHTML

    

    
    


    
my first demo

2、innerTEXT

    


    
my first demo

 

3、value

    

    
    


    
my first demo
    

例二

消息内容：消息

刷新页面：

                   点击相应的按钮，看显示的内容：

value：

           

innerHTML：

                        

innertext：

               

三、结论

 1.innerText是标签内的文本,输入输出的是字符串;
 2.innerHtml是<标签内的文本,输入输出到该DOM内部纯HTML代码;
 3.value是表单元素特有的属性,输入输出的是字符串;