使用javascript在span中显示html内容

html content inside span using javascript

本文关键字：显示 html 内容 span javascript 使用      更新时间：2024-03-18

我有一个span和5个不同的html结构，它们基本上涉及列表和div。

我有5个按钮。单击每个按钮应将跨度的内容更改为其中一个结构。

我知道这可以像使用一样简单

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

但是如果我有一个20-30行的html结构，这是最好的方法吗？或者有更好的方法吗？

如果你要有一堆这样的按钮，你应该使用一个可以用传递的数据调用的函数，这样就不必重写voer之类的东西

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

然后你可以在你的按钮项目上放一个点击功能，如下所示：

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

首先，您的示例是无效的。div标记不应进入a标记或span标记内部。

我会取你想要注入的5个HTML样本中的每一个，并将它们作为JS中的字符串，然后当用户单击其中一个按钮时，只需使用innerHTML将它们放入相应的容器中。

相关文章：