javascriptでhtmlコンテンツを変更する

Question

リンクをクリックすると、段落の内容やリストの内容を変更する方法を教えてください。参照：http://dummyproto.atspace.co.uk/

私はナビゲーションカルーセル上の織物バッジをクリックすると、pのコンテンツと表示された画像を変更したいと思います。それはJavaScript経由で可能ですか？同じレイアウトであるが内容が異なるすべてのページに対して一連のhtmlページを作成するのではなく、素晴らしい選択肢です。私は、詳細なsolutions.Thanks

あなたはスワップアウトするコンテンツを簡単に選択することが単一の要素に含まれているので、ビットの第1あなたのHTMLを変更する必要が

Answer 1

を、私は含むあなたのカルーセルの各オプションのためdiv「カード」を作ると思いますあなたがそれらと一緒に行きたい画像やテキストそれから私はそれらのすべてを設定したが、最初はdisplay: none;になった。カルーセル内の別のリンクがクリックされると、「カード」を繰り返して、必要なもの以外のすべてをdisplay: noneに設定します（選択したカルーセルアイテムと同じ番号のカードが、カルーセル項目）、それはdisplay: block;になるので、私はJavascript変数にHTMLを格納する必要はありません。あなたが必要なものをおそらく

Answer 2

を楽しみにしてい

（例えばラップあなたが交換したいものの周りにユニークなクラス名またはidを持つdiv）。次に、このようなことをしてください：

document.getElementById('whateverIdYouGaveTheDiv').innerHTML = "blah blah blah"; 

Answer 3

多分あなたはjQuery templateを試すことができます。

または、トリガが.click()など.html()

使用することによってクリックされたときにHTMLを変更します。個人的に

var target_html = "something you want"; 

$('#trigger').click(function() { 
    $("#content").html(target_html); 
});