html 如何使用javascript获取div的值

vhipe2zx 于 2022-12-02 发布在 Java

关注(0)|答案(7)|浏览(278)

这是我的div：

<div id="demo" align="center"  value="1">
    <h3>By Color</h3>
    <input type="radio" name="group1" id="color1" value="#990000"  onClick="changeColor()"/><label for="color1">Red</label>
    <input type="radio" name="group1" id="color2" value="#009900" onClick="changeColor()"/><label for="color2">Green</label>
    <input type="radio" name="group1" id="color3" value="#FFFF00" onClick="changeColor()" /><label for="color3">Yellow</label><br><br><br>
</div>

我需要该div的value属性（value=“1”）。
我是这样努力的：

function overlay()
{
    var cookieValue = document.getElementById("demo").value;    
    alert(cookieValue);
}

但它显示“未定义”如何使用javascript获得值1请建议任何解决方案，。

Html

来源：https://stackoverflow.com/questions/11238508/how-to-get-value-of-a-div-using-javascript

7条答案

按热度按时间

jaql4c8m1#

DIV没有value * 属性 *。
从技术上讲，根据DTD，它们也不应该有value * 属性 *，但通常在这种情况下您会希望使用.getAttribute()：

function overlay()
{
    var cookieValue = document.getElementById('demo').getAttribute('value');
    alert(cookieValue);
}

赞(0）回复(0）举报 2022-12-02

kmb7vmvb2#

简单地说，'value'不是div的有效属性，所以返回undefined绝对正确。
您可以使用HTML5属性之一“data-*”

<div id="demo" align="center"  data-value="1">

剧本是：

var val = document.getElementById('demo').getAttribute('data-value');

这应该在大多数现代浏览器中工作，只是要记住将doctype设置为<!DOCTYPE html>以使其有效

赞(0）回复(0）举报 2022-12-02

kgsdhlau3#

正如我在注解中所说的，<div>元素没有value属性。尽管（非常）糟糕，但它可以通过以下方式访问：

console.log(document.getElementById('demo').getAttribute);

我建议使用HTML5的data-*属性。

<div id="demo" data-myValue="1">...</div>

在这种情况下，您可以使用以下命令访问它：

element.getAttribute('data-myValue');
//Or using jQuery:
$('#demo').data('myValue');

赞(0）回复(0）举报 2022-12-02

e5nqia274#

第一

<div id="demo" align="center"  value="1"></div>

这不是有效的HTML。请仔细阅读自定义数据属性或改用以下属性：

<div id="demo" align="center" data-value="1"></div>

由于“data-value”是一个属性，因此必须使用getAttribute函数来检索其值。

var cookieValue = document.getElementById("demo").getAttribute("data-value");

赞(0）回复(0）举报 2022-12-02

yyhrrdl85#

您可以尝试以下操作：

var theValue = document.getElementById("demo").getAttribute("value");

赞(0）回复(0）举报 2022-12-02

wmomyfyw6#

值不是DIV的有效属性
试试这个

var divElement = document.getElementById('demo');
alert( divElement .getAttribute('value'));

赞(0）回复(0）举报 2022-12-02

pw136qt27#

div元素：

<div tabindex="0" role="button" id="state_field">CA</div>

调用.innerHTML以获取值“CA”

document.getElementById("state_field").innerHTML

赞(0）回复(0）举报 2022-12-02

我来回答

html 如何使用javascript获取div的值

7条答案

相关问题

热门标签

最新问答