美文网首页程序员
value与innerHTML,innerText的区别

value与innerHTML,innerText的区别

作者: 祝我好运zz | 来源:发表于2018-10-21 11:09 被阅读0次

    value与innerHTML,innerText的区别:
    innerHTML与innerText的区别我就不讲了,主要讲value与这两者的区别!
    1.value是表单元素的特有属性,非表单元素没有value属性,如div,span等;
    2.value在不同表单元素里有不同的意义,如button为按钮中的文本,input(text)为默认文本,textarea为默认文本。。。
    所以操作表单元素的文本内容用value;而innerHTML与innerText操作非表单元素的内容或文本内容。

    3.举例说明:

    <input type="text" value="123456" id="userName"/><br/>
    <textarea name="" id="tt" cols="30" rows="10" >123</textarea><br/>
    

    console.log(document.getElementById("userName").value); --------"123456"
    console.log(document.getElementById("tt").value); --------"123"
    所以获取表单元素的内容时用value属性。

    相关文章

      网友评论

        本文标题:value与innerHTML,innerText的区别

        本文链接:https://www.haomeiwen.com/subject/yrfbzftx.html