javascript - 用另一个元素替换 HTML 元素

Question

我试图让img一个 id的元素在按下某些键时origImg变成一个iframe具有 id 的元素。video我不知道任何javascript，所以我该怎么做？

Answer 1

1. 将 keyup 事件绑定到可以捕获击键的东西，例如，document捕获击键。

2. 然后，评估按下了哪个键。只需观看 jQuery 的event.which将处理浏览器支持。

3. 然后，使用 jQuery 的.replaceWith()将现有的 HTML 元素替换为新元素。

这应该是你所需要的。

编辑

如果需要多个字符，则需要将它们的值设置为数组并检查是否存在，超级简单。

var accepted = ['13', '8', '9', '40'];

$(document).on('keyup', function(e){
    if($.inArray(e.which, accepted){
        $('#origImg').replaceWith('<iframe id="video"/>');
    }
});