这是我的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请建议任何解决方案,。
7条答案
按热度按时间jaql4c8m1#
DIV
没有value
* 属性 *。从技术上讲,根据DTD,它们也不应该有
value
* 属性 *,但通常在这种情况下您会希望使用.getAttribute()
:kmb7vmvb2#
简单地说,'value'不是div的有效属性,所以返回undefined绝对正确。
您可以使用HTML5属性之一“data-*”
剧本是:
这应该在大多数现代浏览器中工作,只是要记住将doctype设置为
<!DOCTYPE html>
以使其有效kgsdhlau3#
正如我在注解中所说的,
<div>
元素没有value
属性。尽管(非常)糟糕,但它可以通过以下方式访问:我建议使用HTML5的
data-*
属性。在这种情况下,您可以使用以下命令访问它:
e5nqia274#
第一
这不是有效的HTML。请仔细阅读自定义数据属性或改用以下属性:
由于“data-value”是一个属性,因此必须使用getAttribute函数来检索其值。
yyhrrdl85#
您可以尝试以下操作:
wmomyfyw6#
值不是DIV的有效属性
试试这个
pw136qt27#
div元素:
调用
.innerHTML
以获取值“CA”