动态更改html元素

Question

我有一些复选框，一旦我选中其中一个，该复选框的ID就会发送给函数。我希望此功能将复选框更改为<img>具有相同ID 的元素。

我试过了

document.getElementById(ID).innerHTML = '<img src="image.png" id="' + ID + '"/>';

但这不起作用，是否可以更改元素，还是我需要使用相同的ID创建一个新元素？

谢谢

Answer 1

我建议您不要将一个元素替换为另一个元素，而是使一个元素可见，一个不可见，例如......

document.getElementById(ID).style.display='none';

和

document.getElementById(ID).style.display='block';

我会想出一种绕过相同 ID 约束的方法。为什么需要他们拥有完全相同的 ID？