-7

クリックをアクティブにすると、div 要素のコンテンツが完全に変更される Web ページを作成しようとしています。現在、div にテキストとビデオが埋め込まれています。div ボタンをクリックすると、それを削除して、リンクやビデオなどの新しいコンテンツを追加したいと考えています。この件に関して、あまり役立つ情報は見つかりませんでした。どんな助けでも大歓迎です。フィドルへのリンクは次のとおりです。

<div id="content">
<p>"Text, text, more text."</p>
<h1>"Text"</h1>
<img src="#"></img>
</div>
4

2 に答える 2

1

次のようなものがあるとします。

<div id="somecontent"><video ...><p>Video Caption</p></div>

シンプルなDOM スクリプトを使用して要素を選択し、その内容を置き換えることができます。

<script>
  var element = document.getElementById("somecontent");
  element.innerHTML = "<audio><p>New Caption</p>"
</script>

次に、この置換を入力の onclick イベントまたはボタンのようにスタイル設定されたリンクに結び付けます。

お役に立てれば。

于 2013-05-01T15:12:01.803 に答える
0

jQuery は、このような作業に大いに役立ちます。たとえば、jQuery のclickメソッドとhtmlメソッドを試してみてください。次に、次のようなことができます。

$('.my_button').click(function() {

    // this function gets executed when an element
    // with the classname '.my_button' gets clicked

    $('.my_div').html(
        'this contents get inserted in ' +
        'the element with classname ".my_div".'
    );

}

jquery のインストールは、独自の JavaScript コードを呼び出す前に jquery ソースを含めるだけです。ソースはこちらから入手してください。

于 2013-05-01T15:11:38.587 に答える