所以我尝试在 javascript 中动态创建一个新按钮并使用一些 jquery。由于某种原因,此功能不起作用。它似乎在 append 功能上动摇了。有什么建议吗?
这是 .js 函数
SwapButton: function(){
var element = document.createElement('input');
element.setAttribute("type", "button");
element.setAttribute("value", "Trash Letters");
element.setAttribute("onClick", "GB.swapLetters()");
document.getElementsByTagName('input')[0].appendChild(element);
$('input[type="button"]').append(element);
}
html。新按钮应该添加到输入类型所在的位置
<body>
<div class="hero-unit">
<div class="row-fluid">
<div class="span8"></div>
<div id="timer" class="span4"></div>
</div>
<div class="row-fluid">
<div id="score-board" class="span8"></div>
</div>
<div class="row-fluid span12" id="word-area">
</div>
<div class="row-fluid" id="row1">
<div id="1" class="span2"></div>
<div id="2" class="span2"></div>
<div id="3" class="span2"></div>
<div id="4" class="span2"></div>
<div id="5" class="span2"></div>
<div id="6" class="span2"></div>
</div>
<div class="row-fluid" id="row2">
<div id="7" class="span2"></div>
<div id="8" class="span2"></div>
<div id="9" class="span2"></div>
<div id="10" class="span2"></div>
<div id="11" class="span2"></div>
<div id="12" class="span2"></div>
</div>
<input type="button" onClick="GB.check()" value="Check"></input>
<input type="button" onClick="GB.clear()" value="Clear"></input>
<input type="button" onClick="GB.start()" value="Start"></input>
</div>
最佳答案
.append()
如果您要将新元素附加到该元素,则将新元素添加为子元素。
<input>
元素不能有 child 。
您可能想调用 .after()
, 它将新元素作为元素父元素的子元素插入到元素之后。
关于javascript - 在 JavaScript 中动态添加新按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16040320/