小编use*_*662的帖子

未捕获的TypeError:无法设置null的属性'onclick'

我在使用简单的复选框弹出我的窗口警报时出现问题,并且不能为我的生活找出原因.这是基本的Javascript和HTML:

var blue_box=document.getElementById("color-blue");
function colorFunction() {
    window.alert("This color is blue!");
}

blue_box.onclick=colorFunction;

Run Code Online (Sandbox Code Playgroud)

<form action="" method="POST" id="form">
    <fieldset>
        <legend> Form!</legend>
        <ul>
            <li><label><input type="checkbox" 
                    name="color" 
                    value="blue" 
                    id="color-blue" />
                    blue</label>
                </li>
	        <li><label><input type="checkbox" 
                    name="color"  
                    value="red" 
                    id="color-red" />
                    red</label>
                </li>
		<li><label><input type="checkbox" 
                    name="color" 
                    value="yellow" 
                    id="color-yellow" />
                    yellow </label>
                </li>
            </ul>
        </fieldset>
    </form>

Run Code Online (Sandbox Code Playgroud)

哪个投掷:Uncaught TypeError: Cannot set property 'onclick' of null 下