我正在寻找一些 JS 代码,当单击时,它将用另一个 div 替换。没有外部链接或按钮,只需在单击原始 div 内的任意位置时将 div 交换到新的 div 即可。我还想做到一旦单击并交换,第二次单击就不会再将其交换回来。
示例:我有一个用于直播的盒子 div,其中包含内容(日程信息等),单击该 div 上的任意位置会将其替换为实际的直播嵌入。
这可能吗?
最佳答案
不明白为什么每个人都给出 jQuery 解决方案。这是一个纯 JavaScript 的:
var livestream = document.getElementByID('livestream');
document.getElementById('schedule').onclick = function() {
this.parentNode.replaceChild(livestream, this);
};
这里我假设替换是 DOM 的一部分。当然你也可以用 document.createElement
[MDN] 动态生成.
我不知道你想对替换的元素做什么。它由 replaceChild
方法返回,因此您可以将其插入到任何您想要的位置。
关于javascript - 直接单击时替换 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7217784/