使用javascript跨度內的html內容

Question

我有一個span和5個不同的html結構，這些結構基本上涉及列表和div。

我有5個按鈕。 單擊每個按鈕應將跨度的內容更改為這些結構之一。

我知道它可以像使用一樣容易地完成

document.getElementById("a").innerHTML = "<div> A </div>";

但是，如果我有20-30行的html結構，這是最好的方法嗎？ 還是有更好的方法？

Answer 1

如果要有一堆這樣的按鈕，則應該利用一個函數，該函數可以對傳遞的數據進行調用，從而不必重寫諸如此類的東西。

function insertHTML(id, content) {
    document.getElementById(id).innerHTML = content;
}

然后，您可以像這樣在按鈕項上放置onclick函數：

<div class="button" onclick="insertHTML('idoftarget', '<div>html</div>')"></div>

Answer 2

首先，您的示例無效。 div標簽不應該去任何內部a標簽或span標簽。

我將獲取要注入的5個HTML示例中的每個示例，並在JS中將它們制成字符串，然后在用戶單擊按鈕之一時使用innerHTML將它們放入相應的容器中。