javascript - 使用 for 循环在 javascript 中动态创建按钮，并分配属性。

Question

我正在尝试使用下面的代码将按钮添加到我的页面主体中，按钮出现了，但是没有显示任何属性，它是一个默认按钮，没有随着字体大小的增加而增加，没有显示文本，没有颜色。

function createKeyboard()
	{
	   var str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	   for(var i=0; i<str.length; i++)
	   {
	    var nextChar = str.charAt(i);
	    var btn = document.createElement("BUTTON");
    	btn.setAttribute("id","btn"+nextChar);
    	btn.setAttribute("innerHtml",nextChar);
    	btn.setAttribute("value",nextChar);
    	btn.setAttribute("text",nextChar);
    	btn.setAttribute("font-size","14px");
    	btn.setAttribute("background-color","#4CAF50");
    	document.body.appendChild(btn);
    	}
    };

当使用控制台查看按钮时，我可以看到属性在那里，如下所示:

    <button id="btnA" innerhtml="A" value="A" text="A" font-size="14px"        background-color="#4CAF50"></button>

不确定我哪里出错了，有什么想法吗？

-谢谢

Answer 1

一切都不是属性，特别是 innerHTML。

btn.setAttribute("style","font-size:14px;background-color: #4CAF50");
btn.innerHTML = "A"