單擊鏈接時用Javascript更改HTML？

-5

比方說，我有一個名爲「videoplayer」的DIV--在這個DIV裏面是一個圖像。單擊鏈接時用Javascript更改HTML？

當單擊鏈接時，是否有簡單的方法來更改此DIV中的HTML代碼？

例如，這是當前DIV：

<div class = "big_player" id="player1"> 
      <img src="whatever.jpg"> 
    </div>

當用戶點擊一個鏈接，我想要的HTML更改爲：

<div class = "big_player" id="player1"> 
      <script> 
       playVideo(file, stream, key); 
      </script> 
    </div>

我有多個縮略圖/鏈接（12總共）與所有不同的'文件，流，關鍵'變量。請參考here以供參考。

完成此操作的最簡單最簡單的方法是什麼？

來源

2013-04-25 Han Sup Yoon

它可以用jQuery輕鬆完成，但文件，流，密鑰從哪裏來？ – j08691 2013-04-25 21:51:26

歡迎來到[SO];閱讀[faq]。當您現有的問題沒有獲得足夠的流量時，正確的解決方案是將其編輯爲更好的問題。簡單地重新發布相同的問題是不可接受的。 – zzzzBov 2013-04-25 21:54:31

是的，這很簡單。

var div = document.getElementById("player1"); 
div.onmousedown = function() { 
    div.innerHTML = "stuff!" 
};

的jsfiddle：（點擊測試）http://jsfiddle.net/yjdfg/

來源

2013-04-25 21:51:50

可以使這樣的功能：

function changeDiv(divID) { 
    var div_to_change = document.getElementById(divID); 
    div_to_change.innerHTML = 'whatever you want here'; 
}

與

<a onClick="changeDiv('player1')" href="#">Click to change div</a>

來源

2013-04-25 21:53:58 Memolition

叫我相信你想運行點擊腳本：

$('#player1').click(function(){playVideo(file, stream, key);});

這對他們中的一個（player1）有效，你需要爲剩下的工作。請注意，例如，您還必須定義您的函數參數（文件，流，鍵）或從div屬性中獲取它們。如果它們是動態的，則使用on而不是click。

但是，如果你真的想改變div的內容（無論是什麼原因），這是把點擊功能中的代碼：

var html_code = "<script>playVideo(file, stream, key);</script>"; 
$('#player1').html(html_code);

編輯

參觀後您的網站，我注意到你沒有點擊大分區來改變它的內容，而是其他的。在這種情況下，正確的選擇器是#miniplayer1,#miniplayer2等，以便原始代碼變爲$('#miniplayer1').click(function(){playVideo(file, stream, key);});

來源

2013-04-25 21:54:16 Shomz

單擊鏈接時用Javascript更改HTML？

回答

相關問題