关于用js修改h:outputText的value属性出现的问题

组长分配给我一个任务，其中有一个问题其实挺简单的，始终搞不定。故拿出来求大神帮忙！
我要用js实现点击“->”，将一个h:outputText标签的value修改成另一个h:outputText标签的value值。刚才说了，问题很简单，
<td class="columnheadingtd"><h:outputText value="12.34" id="inputPower"/></td>
<td class="columnheadingtd"><h:commandButton value="->" onclick="convert();" style="width:45px"/></td>
<td class="columnheadingtd"><h:outputText value="12.34" id="standardInputPower"/></td>
下面是我做的：
    function convert(){
alert(document.getElementById('standardInputPower').value);
    alert("ma");
    document.getElementById('standardInputPower').value = document.getElementById('inputPower').value; 
   
    }
然后，出现错误了，这是错误提示，“错误: 缺少对象”。 JavaScript 修改h:outputText的value --------------------编程问答-------------------- jsf中id是拼出来的，你看是有还有个form的id什么的，或直接看页面源代源，看看你那outputText的id是多少，估计多数不是你现在看的这个 --------------------编程问答-------------------- 加上个name属性看看。用那么去取对象。。。 --------------------编程问答-------------------- 浏览器按f12  ie是在html标签中那个  谷歌是在element标签中  看看id是多少

补充：Java ,  Web 开发