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方法的输出
希望这有帮助