javascript - 改变使用 JavaScript 参数 onclick

Question

当用户单击站点上引用另一个视频的链接时，我正在尝试更改对象的参数。

HTML

<object id="myExperience8675309" class="BrightcoveExperience">
  <param name="bgcolor" value="#FFFFFF" />
  <param name="width" value="480" />
  <param name="height" value="270" />
  <param name="playerID" value="123456789" />
  <param name="playerKey" value="abcdefghijklmnop" />
  <param name="isVid" value="true" />
  <param name="isUI" value="true" />
  <param name="dynamicStreaming" value="true" />
  <param name="@videoPlayer" value="8675309" />
</object>

我不确定如何通过 onClick 函数访问对象的参数。我想更改 @videoPlayer 值。建议？

Answer 1

使用 foo 作为任意触发元素：

var foo = document.getElementById('foo');
foo.onclick = function () {
    document.getElementsByName('@videoPlayer')[0].value='123456';
}

jsFiddle 示例

Answer 2

如果你有document.querySelector支持（IE8+，至少对于 CSS2 选择器），你可以使用属性选择器来获取你想要的参数：

button = document.querySelector('button'); // <button> element
button.addEventListener('click', function(){
    var param = document.querySelector('[name="height"]'); // can use '#objectid [name="height"]' for greater specificity
  param.value = 100;

});

jsbin

Answer 3

你在 javascript 中创建一个函数，

document.getElementsByName('@videoPlayer').value='New Value';