javascript - 通过 jQuery 设置 HTML 元素？

Question

JS/JQuery 新手在这里!

我有一个值存储在变量中，我需要将它插入到一个特定的 <parameter> 中与 <object> 关联的元素.这是我希望我能做的事情的一个例子:

<script>

    function SetParam(incomingValue){
         $('#baz').value = incomingValue ;
    }

    $(document).ready (function() {

       // jquery POST happens here, which takes a second or two to complete
       // SUCCESS condition calls SetParam() with a value  

        });
</script>

<object class="foo">
    <param name="bar" value="xyzzy" />
   <param name="baz" value="" id="baz" />
</object>

没有快乐。 baz 参数控制对象的视觉呈现方式，我没有看到任何变化表明我已成功更改该值。

我不确定是否:

A. 就 SetParam() 中的“baz”参数而言，我的语法是错误的

B. 我的语法很好，但是当我点击 SetParam() 时对象已经呈现，所以设置 baz 的值没有任何用处

C.以上所有

谁能朝正确的方向踢我？

(如果我的问题包括场景“B”——有没有办法延迟加载 <object>，直到我实际设置了我需要的 <parameter> 的值？)

这是一个相同的“JSFiddle” - 刚刚找到关于这个和 jsbin 的信息。哇!

http://jsfiddle.net/sPhrw/

Answer 1

您需要使用纯 javascript 或 jQuery:

$('#baz').val(incomingValue);

或

$('#baz')[0].value = incomingValue;

或

document.getElementById('baz').value = incomingValue; 

或

function SetParam(incomingValue){
     var $foo = $('<object class="foo"></object>'),
         $bar = $('<param name="bar" value="xyzzy" />'),
         $baz = $('<param name="baz" value="'+ incomingValue +'" id="baz" />');
         $foo.append($bar).append($baz).appendTo(someParent);
}