用另一个元素替换HTML元素

Question

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

Answer 1

1. 将keyup事件绑定到可以捕获击键的内容，以我的示例为例，该document捕获击键。

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

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"/>');
    }
});