初学者学习js的话最好用下面这个代码。浅显易懂。学习深入了后再用高级点的方法。
<script>
var myoutput="<br>"
for(var i=1i<=6i++){
for(j=1j<=ij++){
myoutput+='*'
}
myoutput+='<br>'
}
console.log(myoutput)
myoutput="<br>"
for(var i=6i>=1i--){
for(j=1j<=ij++){
myoutput+='*'
}
myoutput+='<br>'
}
console.log(myoutput)
</script>
创建两个<table></table>第一个table里面只写前面的文字附带这些属性style=" float:leftText-align:rightborder:0”文字靠右对齐。第二个table里面只写后面的文本框，之后稍微调试就可以。完成之后很有可能遇到这个问题，纯文本的表高度小于输入框的高度，在第一个和第二个人table里面可以设置 height:‘具体高度’px属性。<!--看着提问，觉得你可能存在理解问题，div只是一个结构标签 并不是一个脚本语言。正如你所说要实现这个效果就要用到JS 等脚本语言。div本身是不会有什么动作的。只要你用jS指定你想要隐藏或显示的DIV框就行了。简单点用可以用jquery 的效果函数toggle()来实现。只要把你想隐藏的div 命名好ID或者class 都可以。 至于左右自己用定位来排吧。写个例子，下面这段代码ID为 right的div框 ，在点击class为left的按钮时就会隐藏 再点击就显示。--><html>
<head>
<script type="text/javascript"
src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".left").click(function(){
$("#right").toggle()
})
})
</script>
</head>
<body>
<button class="left">Toggle</button>
<div id="right">这是要隐藏的div.</div>
</body>
</html>
