如何移动文本块的位置的问题

Question

试试<br><br><br><br><br><br><br><br><br><br><br><br>
<div id="test" style="position:absolute;top:200px">test</div>
<input type="button" value="Up" onclick="moveUp()">
要想实现每次单击按钮时<div>块向上移动20px，请问moveUp()函数如何写？
<script language="javascript">
function moveUp() {
   document.all.test.style.posTop -=20;
}
</script>

Answer 1

是不是必须使用absolute，不能使用relative？
还有能不能使用moveBy来移动<div>文本块？

Answer 2

1。应该是
2。moveBy是window的函数，其它元素无此函数

Answer 3

<div id="test" style="position:relative;top:200px">test</div>
<input type="button" value="Up" onclick="moveUp()">
<div id="test2" style="position:absolute;top:300px">test2</div>
<input type="button" value="Up" onclick="moveUp2()">
<script>
function moveUp() {
  document.all.test.style.pixelTop -=20;
}
function moveUp2() {
  document.all.test2.style.pixelTop -=20;
}
</script>

Answer 4

<div id="test" style="position:relative;top:200px">test</div>
<input type="button" value="Up1" onclick="moveUp()">
<div id="test2" style="position:absolute;top:300px">test2</div>
<input type="button" value="Up2" onclick="moveUp2()">
<script>
function moveUp() {
if(document.all.test.style.pixelTop<=0)
alert("别移了")
else
document.all.test.style.pixelTop -=20;
}
function moveUp2() {
if(document.all.test2.style.pixelTop<=0)
alert("别移了")
else
document.all.test2.style.pixelTop -=20;
}
</script>

Answer 5

不好意思，再问一个问题：
<div id="test" style="position:relative;top:200px">
<p>test</p>
<p>test1</p>
<p>test3</p>
</div>
<input type="button" value="Up1" onclick="moveUp()">
<script>
function moveUp() {
if(document.all.test.style.pixelTop<=0)
alert("别移了")
else
document.all.test.style.pixelTop -=20;
}
当单击一次按钮时，让<p>test</p>消失，单击二次按钮时，让<p>test1</p>也消失，如何实现？

Answer 6

<div id="test" style="position:relative;top:10px">
<p>test</p>
<p>test1</p>
<p>test3</p>
</div>
<input type="button" value="Up1" onclick="moveUp()">
<script>
function moveUp() {
if(document.all.test.style.pixelTop<=-document.all.test.offsetHeight)
alert("别移了")
else
document.all.test.style.pixelTop -=20;
}
</script>

Answer 7

刚才那是隐藏，如果要真正的消失<div id="test" style="position:relative;top:10px">
<p>test</p>
<p>test1</p>
<p>test3</p>
</div>
<input type="button" value="Up1" onclick="moveUp()">
<script>
function moveUp() {
with(document.all.test){
if(style.pixelTop<=0)
if(children.length>1)
removeChild(children[0])
else
alert("别移了")
else
style.pixelTop -=20;
}
}
</script>