javascript - 如何使用javascript获取div的值

Question

这是我的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="1")。

我正在尝试这样:

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

但它显示“未定义”如何使用 javascript 获取值 1 请提出任何解决方案。

Answer 1

DIV 没有值 属性。

从技术上讲，根据 DTD，它们也不应该有 value attribute，但通常您会想要使用 .getAttribute() 在这种情况下:

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