-5

假设我有一个名为“videoplayer”的 DIV——这个 DIV 里面是一个图像。

单击链接时，是否有一种简单的方法可以更改此 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 个），其中包含所有不同的“文件、流、键”变量。请看这里以供参考。

完成此任务的最简单和最简单的方法是什么？

4

3 回答 3

0

是的，这很简单。

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

JSFiddle：（点击测试）http://jsfiddle.net/yjdfg/

于 2013-04-25T21:51:50.667 回答
0

您可以制作这样的功能：

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-25T21:53:58.537 回答
0

我相信您想在单击时运行脚本：

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

这适用于其中一个（玩家1），你需要为其余的人做。请注意，您还必须定义函数参数（文件、流、键）或从 div 属性中获取它们，例如。如果它们是动态的，请使用on而不是click.

但是，如果您真的想更改 div 的内容（无论出于何种原因），请使用以下代码放入 click 函数中：

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

编辑

访问您的网站后，我注意到您不是单击大 div 来更改其内容，而是单击其他内容。在这种情况下，正确的选择器是#miniplayer1,#miniplayer2等，以便原始代码变为$('#miniplayer1').click(function(){playVideo(file, stream, key);});

于 2013-04-25T21:54:16.960 回答