为什么没有显示框弹出来？连选择框的颜色都没有变？是代码哪里错了还是浏览器（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>

改成下面这样写法试试
var colorObj=document.getElementsByName("mybg");
var vv=colorObj[0].value;
alert(vv);
microsoft edge下的效果图
图片说明
google下的效果图

语法没问题，我看到一个关于color问题的回答，你可以在这个问题下问一下HTML 为什么有的浏览器无法使用

加一个 id="mybg"