无法从HTML输入读取null的属性“值”

Question

我已经解决了。 我无法弄清楚为什么我会收到“ Uncaught TypeError：无法读取null的属性'value'”？ 该错误显示在“ var name = document.getElementById（“ name”）。value;”上 线。

 var colors = [];

 function Save() {
 var name = document.getElementById("name").value;
 var rgb = document.getElementById("colordisplay").innerHTML;
 var opacity = document.getElementById("div").style.opacity;
 colors.push({
    name_prop:name,
    rgb_prop:rgb,
    opacity_prop:opacity,
 });
 //pass the array into the dropdown list
 var select = document.getElementById("selectColor");
 for (var i = 0; i < colors.length; i++) {
    var opt = colors[i];
    var el = document.createElement("option");
    el.innerHTML = opt;
    el.value = opt;
    select.appendChild(el);
    console.log(colors);
  }
 }

Answer 1

在您的JSBin中的任何地方都不会调用Insert函数