js关于value与innerHTML的区别和innerText

第一种:
//    var dv1 = document.getElementById('test1');
//    dv1.firstChild.nodeValue = "elephant";//1给当前div下的内容更改内容
第二种
//    document.getElementById('test1').innerHTML = "elephanrrr";//2给当前div下的内容更改内容

2.关于value与innerHTML的区别和innerText
上面的value也可以写成innerHTML
要注意:
有value属性的标签才能使用getElementById().value
比如<input type="text" value="" />
像<div>12345</div>这种没有value属性的标签就用getElementById().innerHTML
对于表单控件,都可以用value属性,对于非表单控件,可以用innerHTML
input标签都有value属性,但都没有innerHtml属性,所以只能用value;
select标签和option标签,既有innerHTML属性也有value属性,但是一个是取回文本,一个是取回值,这两个有可能不同(比如0、1代替男、女)具体要看需要用到哪个值,具体分析
另外textarea文本域没有innerHTML属性,有value和innerText属性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,517评论 1 41
  • 《裕语言》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 28,689评论 5 20
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 888评论 0 4
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,355评论 0 16
  • 清晨八点多一点 走在校园 蝉鸣的声音有点黏 却黏不住昨天 偶然 飘来早饭的香甜 类似儿时赖床时 飘进卧室的温暖 而...
    宋予屿阅读 308评论 2 8

友情链接更多精彩内容