unable to edit css with javascript -
i trying edit form these simple
testings:
<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>
but strangely,my attempt hide fields not working. can view hidden fields when click on change
link. whats wrong doing ?
there no hidden
attribute display
, need use 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"; }
Comments
Post a Comment