用另一個元素替換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"/>');
    }
});