我想使用innerHTML 我嘗試在線搜索在 javascript 中創建一個按鈕，但所有答案都建議我使用document.createElement('')，但這根本沒有幫助我。
這是代碼：
var result = document.querySelector('result');
let arr = [1,2,3,4,5,6]
function display(){
//.....
}
for (let i = 0; i <arr.length;i ){
//...... hide some code here
if(i == arr.length - 1){
result.innerHTML = "<button onclick = 'display()'>" "Show more" "</button>"
}<div id="result"></div>Uncaught SyntaxError: Unexpected end of input并且根本不起作用。
有人可以向我解釋一下為什么使用innerHTML制作按鈕不起作用并給我一個更好的解決方案嗎？
感謝您的任何回應。
uj5u.com熱心網友回復：
只是一些事情。您收到了意外的輸入結束，因為您在末尾缺少 }。
第二個，為了使 querySelector 作業，您需要添加一個 #，因為您是按 id 而不是按標簽選擇的。
這個例子應該有效。
var result = document.querySelector('#result');
let arr = [1,2,3,4,5,6]
function display(){
//.....
}
for (let i = 0; i <arr.length;i ){
//...... hide some code here
if(i == arr.length - 1){
result.innerHTML = "<button onclick = 'display()'>" "Show more" "</button>"
}}<div id="result"></div>uj5u.com熱心網友回復：
InnerHTML 重新決議并重新創建 div 元素內的所有 DOM 節點，與僅將新元素附加到 div 相比，這效率低下。
看這個：
https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
您想如何使用它：
let btn = document.createElement("button");
btn.innerHTML = "Show more";
btn.onclick = display();
document.body.appendChild(btn);
uj5u.com熱心網友回復：
代碼中沒有任何大問題；您只是忽略了在末尾添加 } 以關閉“If 陳述句塊”。另一個錯誤是如果您通過“ID”使用它，則需要在查詢選擇器中使用 #。你的 ID 是結果，所以讓它#result
var result = document.querySelector('#result');
let arr = [1,2,3,4,5,6]
function display(){
//.....
}
for (let i = 0; i <arr.length;i ){
//...... hide some code here
if(i == arr.length - 1){
result.innerHTML = "<button onclick = 'display()'>" "Show more" "</button>"
}}<div id="result"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/365176.html
標籤：javascript html 按钮 内页