javascript - 将值传递给函数参数 javascript 时遇到问题

Question

这是我的代码:

构造函数:

 function Box (//parameters) {  
  // code for constructor function  
  }

这是我获取创建新对象的值的地方:

  function getBoxValues() {
   //code to get values

if (name == null || name == "") {                    
     alert("Please enter a name for your box");
     return;
   }
   else {
    var newbox = new Box("id", name, color, number, "coordinates");  //creates "newbox"
    boxes.push(newbox);                                       
    addBox(newbox); 
    counter++;                                          
   }

这是我将框添加到页面的位置:

function addBox(newbox) {  
   for (var i = 0; i < newbox.number; i++) {                                 
   var scene = document.getElementById("scene");              
   var div = document.createElement("div"); 
   div.className += " " + "box"; 
   div.innerHTML += newbox.name; 
   div.style.backgroundColor = newbox.color; 
   var x = Math.floor(Math.random() * (scene.offsetWidth-101));
   var y = Math.floor(Math.random() * (scene.offsetHeight-101));
   div.style.left = x + "px";
   div.style.top = y + "px";                     
   scene.appendChild(div);                           
    } 
   return div;                        
  }

  display();

  function display(div) {
  div.innerHTML += "alert";
  console.log("alert");
  }

我的问题是我试图将 div 的值传递到显示函数中，以便我可以在对象的 insideHTML 中写入。我不断在控制台中收到一条消息，提示 div 未定义。我认为这可能是范围问题，但我很难弄清楚。

Answer 1

您正在调用不带参数的 display()，当然它是未定义的;)

将适当的参数传递给函数调用，一切都会正常工作。