javascript - 是否可以动态插入对象参数的值？

Question

我一直在努力解决这个问题，但一直找不到与我的问题相关的答案。

我想知道是否可以从输入框动态输入对象参数的值？

例子:

    <form name="myform">

    <input type="visibile" name="formvar" value="">
</form>

    <object id="myobject">
       <param name="color" value="{input destination}" />

我基本上想知道是否可以将值动态添加到“输入目标”

谢谢

Answer 1

一旦创建了对象(当页面加载时)，param 就会被传递给该对象。因此您之后无法更改“输入目的地”。

您可以延迟 object 的创建，直到 input 发生如下变化。

<form name="myform">
    <input type="visibile" name="formvar" value="" onchange="createObject(value)">
</form>
<script>
    function createObject(value) {
        document.getElementById('document_container').innerHTML = 
        '<object id="myobject">' +
            '<param name="color" value="' + value + '"/>' +
        '</object>';
    }
</script>
<div id="object_container"></div>

唯一的缺点是，一旦input改变，object就会被重新创建。

另一种选择是确保 object 插件提供一些接受设置新参数的 API，例如 myobject.setParam('color', value)。