JavaScript隐藏/显示元素

Question

JavaScript隐藏/显示元素

我怎么能隐藏‘编辑’-链接后，我按下它？此外，当我按编辑时，我还能隐藏“loremipsum”文本吗？

<script type="text/javascript">

function showStuff(id) {

    document.getElementById(id).style.display = 'block';

}

</script>

<td class="post">

<a href="#" onclick="showStuff('answer1'); return false;">Edit</a>

<span id="answer1" style="display: none;">

<textarea rows="10" cols="115"></textarea>

</span>

Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 

</td>

Answer 1

还可以使用此代码显示/隐藏元素：document.getElementById(id).style.visibility&nbsp;=&nbsp;"hidden";document.getElementById(id).style.visibility&nbsp;=&nbsp;"visible";注.之间的区别style.visibility和style.display在使用可见性时：隐藏与显示不同：无，标记不可见，但页上为其分配了空间。标签被呈现，只是没有在页面上看到。看这个链接去看看不同之处。