javascript - HTML 要素を別の要素に置き換える

Question

特定のキーが押されたときに ID を持つ要素に変わるimgID を持つ要素を取得しようとしています。javascript がわからないのですが、どうすればいいですか？origImgiframevideo

Answer 1

1. キーアップ イベントを、キーストロークをキャプチャできるものにバインドします。たとえば、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"/>');
    }
});