为什么没有显示框弹出来?连选择框的颜色都没有变?是代码哪里错了还是浏览器(Microsoft Edge)的问题?
为什么没有显示框弹出来?连选择框的颜色都没有变?是代码哪里错了还是浏览器(Microsoft Edge)的问题?
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function setbg()
{
var colorObj=document.myform.mybg;
var vv=colorObj.value;
alert(vv);
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr>
<td>请选择颜色:</td>
<td>
<input type="color" name="mybg" value="#ccc" onchange="setbg()">
</td>
</tr>
</table>
</form>
</body>
</html>
这是HTML5的新特性,对于某些浏览器不支持,具体可查询HTML5新特性对浏览器的支持情况
改成下面这样写法试试
var colorObj=document.getElementsByName("mybg");
var vv=colorObj[0].value;
alert(vv);