完成更改並在網頁中添加內容

-7

我試圖創建一個網頁，當點擊激活時，完全改變div元素的內容。我目前在div中嵌入了一些文本和一個視頻，並且當點擊div按鈕時，我想刪除它並添加新內容，例如鏈接，更多視頻等。我還沒有找到關於這個問題的很多有用的信息。任何幫助是極大的讚賞。 Here is a link to a fiddle:完成更改並在網頁中添加內容

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

來源

2013-05-01 user2339815

這將是有益的，如果你可以張貼一些代碼，或者至少是一個jsFiddle的鏈接。 – oomlaut 2013-05-01 15:06:50

很難相信你找不到任何信息。這是你可以做的最基本的事情之一，幾乎在每個教程中都有介紹。 – JJJ 2013-05-01 15:10:36

假設你有這樣的事情：

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

您可以使用簡單的DOM scripting選擇元素並替換其內容：

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

你會再配合這個替換到的onclick事件輸入或鏈接樣式看起來像一個按鈕。

希望這會有所幫助。

來源

2013-05-01 15:12:01 oomlaut

非常感謝你oomlaut！如果我將該代碼編入函數，對我有幫助嗎？ – user2339815 2013-05-01 15:23:01

不一定，除非您需要重複其他元素之間共享的功能。您可以簡單地將替換分配爲元素的onclick事件的操作。檢查出來[這裏]（http://jsfiddle.net/mMWvS/） – oomlaut 2013-05-01 15:38:32

非常感謝！ – user2339815 2013-05-01 18:23:56

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是爲包括jQuery代碼調用自己的JavaScript代碼之前一樣簡單！獲取源over here。

來源

2013-05-01 15:11:38 rednaw

+1 - 比使用輸入的onclick事件要好得多。不知道爲什麼它被downvoted – cowls 2013-05-01 15:15:56

也許這是因爲OP沒有問使用jQuery作爲解決方案。不確定。 – oomlaut 2013-05-01 17:02:03

完成更改並在網頁中添加內容

回答

相關問題