简单的问题

Question

function showorder(x)
{
var pname="product"+x;
pname.style.visibility="visible";}
结果老是提示
行: 4
错误: 无法设置属性“visibility”的值: 对象为 null 或未定义
这样写就是对的
product1.style.visibility="visible";请哪位高手指点下吧？谢谢

Answer 1

product1.style.visibility="visible";//这种正常也只能是在IE下运行，建议用标准的获取id,或者tagename方法修改。
//====================你的问题解决方法1（不建议使用）
<input type="text" name="product1" id="product1" value="1"  style="visibility: hidden"/>
<button type="button" onclick="showorder(1)">显示</button>
<script type="text/javascript">
    function showorder(x) {
        window["product"+x].style.visibility="visible";
    }
</script>
//====================建议使用以下方法
<input type="text" name="product1" id="product1" value="1"  style="visibility: hidden"/>
<button type="button" onclick="showorder(1)">显示</button>
<script type="text/javascript">
    function showorder(x) {
        document.getElementById("product"+x).style.visibility="visible";
    }
</script>

Answer 2

pname是字符串，当然没有style，再调用visibility属性就出错了function showorder(x)
{
var pname="product"+x;
document.getElementById(pname).style.visibility="visible";}