如何使用JavaScript將div編寫到div中

我有一個快速問題。我不確定這個名字到底是什麼，但是你如何在div中寫入一個div？例如，我想創建一個保持在同一頁面上的簡單遊戲。當點擊一個按鈕移動到下一部分遊戲時，原始div將被刪除，並且一個新的div將被刪除。如何使用JavaScript將div編寫到div中

因此，可以說我有一個叫做「開始」的div，另一個叫做「選項1」。選項1將被隱藏，而開始顯示爲主頁。當你點擊「開始」div上的按鈕時，它會寫入「option 1」div，擦除第一個div。

我的HTML代碼：

<div id="start"> 
<button class="button" onclick="swordsman()">Choose Swordsman</button> 
</div>

我的JS：

function swordsman() 
{ 
document.getElementById("start")writeDiv.id="option 1" 
}

而這正是我堅持，我不知道該代碼與另一個div來替換一個div。這純粹是一種猜測。

我是JavaScript新手，所以請原諒我的愚蠢。

來源

2014-03-04 Timble

可以使用的內容替換'innerHTML' - https://developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML –

使用的appendChild – SajithNair

尼克，謝謝，儘管我不知道如何將div寫入html。我不知道確切的編碼方式。 – Timble

您可以使用innerHTML像這樣：

function swordsman() { 
    var otherDiv = document.getElementById("option-1").outerHTML; // Get the option 1 div 
    document.getElementById("start").innerHTML = otherDiv; // Replace the contents of the start div with the option 1 div 
}

來源

2014-03-04 12:30:45 BenjaminRH

-1

你有一個SyntaxError錯誤

document.getElementById("start")writeDiv.id="option 1"

應該的document.getElementById（「開始」）writeDiv.id = 「選項1」

。

但我認爲沒有函數「writeDiv」，但您可以使用innerHTML屬性：

document.getElementById("start").innerHTML ='<div id = "option 1"></div>';

也看的jQuery，DOM操作會容易得多;）

您可以通過使用瀏覽器javascroipt控制檯

來源

2014-03-04 12:35:25 flotto

-1

使用HTML DOM的appendChild功能檢查代碼中的syntaxerros。例子：w3school

function swordsman(){ 
    var node=document.createElement("DIV"); 
    var textnode=document.createTextNode("Option 1"); 
    node.appendChild(textnode); 
    document.getElementById("start").appendChild(node); 
}

來源

2014-03-04 12:37:01

如何使用JavaScript將div編寫到div中

回答

相關問題