javascript - 无法使用 javascript 编辑 css

Question

我正在尝试用这些简单的方式编辑我的表单

测试:

<span id="a">30 <span id="aa" style="display:none;"><input type="text" id="aa" name="q"/></span></span>
<span id="cq"><a href="javascript:changeQty()">Change</a></span>
<span id="cq2" style="display:none"><a href="javascript:save()">save</a></span>

<script>
  function changeQty(){
    document.getElementById("a").style.display="hidden";
    document.getElementById("aa").style.display="inline";
    document.getElementById("cq").style.display="hidden";
    document.getElementById("cq2").style.display="inline";
  }
</script>

但奇怪的是，我试图隐藏这些字段并没有奏效。但是当我点击 Change 链接时，我可以查看隐藏字段。我做错了什么？

Answer 1

display没有hidden属性，需要使用none。

function changeQty(){
  document.getElementById("a").style.display="none";
  document.getElementById("aa").style.display="inline";
  document.getElementById("cq").style.display="none";
  document.getElementById("cq2").style.display="inline";
}