Javascript 是否可以动态插入对象参数的值?

Javascript 是否可以动态插入对象参数的值?,javascript,html,Javascript,Html,我一直在努力想办法解决这个问题,但一直没有找到与我的问题相关的答案 我想知道是否可以从输入框中动态输入对象参数的值 例如: <form name="myform"> <input type="visibile" name="formvar" value=""> </form> <object id="myobject"> <param name="color" value="{input destin

我一直在努力想办法解决这个问题,但一直没有找到与我的问题相关的答案

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

例如:

    <form name="myform">

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

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

我基本上想知道是否有可能在“输入目的地”中动态添加值


谢谢

一旦创建了
对象
(当加载页面时),
参数将传递给该对象。因此,在此之后,您无法更改“输入目的地”

您可以延迟创建
对象
,直到
输入
发生如下更改

<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>

函数createObject(值){
document.getElementById('document_container')。innerHTML=
'' +
'' +
'';
}
唯一的缺点是,
输入更改后,
对象将一次又一次地创建


另一个选项是确保
对象
插件提供一些接受设置新参数的API,例如
myobject.setParam('color',value)
您可以使用此对象:

或者在github上

它能够将JSON对象的值插入如下字符串:

 var str = '<object id="myobject"> <param name="color" value="{input}{destination}" />...';

 var obj = [{ input: { destination: 'a value'} }]
 var templ = new TemplateJS();

 templ.insertTemplate(obj,str,'#html-id-to-insert-output');
var str='…';
var obj=[{input:{destination:'a value'}]
var templ=new TemplateJS();
insertTemplate(obj,str,“#要插入输出的html id”);
第三个参数(“#要插入输出的html id”)用于插入insertTemplate方法的输出

希望这有帮助