JS得到div的value值（网上资料保存）

最新推荐文章于 2022-06-09 11:16:06 发布

转载最新推荐文章于 2022-06-09 11:16:06 发布 · 7.5k 阅读

JS 专栏收录该内容

31 篇文章

订阅专栏

本文探讨了JavaScript中如何获取HTML div元素的value属性值。由于标准div元素本身不包含value属性，故直接访问会返回undefined。文章对比了通过getElementById与createElement创建元素的区别，并解释了为何自定义div对象可以设置并访问value属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getDivValue(){
    var t1=document.getElementById("test"); 
    alert(t1.value);
}


<div id="test" value="yes" > </div>


<!--对于以上的HTML代码 我们通过JS直接得到div的value属性是得不到的,输出为undefined
这是因为div没有value属性  所以这样是得不到的  要用t1.getAttribute("value");得到-->





<!--但是我们用dom 创建的div对象却可以直接用 obj.value得到-->






var obj=documnet.createElement("div");


obj.value="hi";


alert(obj.value);



<!--这里将输出hi-->
<!--看到这里 你可能会对我上面说的div没有value属性感到怀疑了 ，那么div到底有没有value属性呢 ？
答案是没有的，
 那么为什么下面的方式可以直接通过obj.value得到呢？  
那是因为document.cteateElement  创建并不是一个严格意义上的 div标签
 而是一个自定义的叫div的对象标签 然后又定义了一个叫value的属性
(obj.value="hi" 在JS中代表定义obj的一个熟悉叫value 同时赋值为"hi")
看到这里相比你已经明白了 -->