js隐藏form表单下面class为1的tr怎么写

JavaScript017

js隐藏form表单下面class为1的tr怎么写,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>RunJS 演示代码</title>

<style>

.a1 td{

color:red

}

</style>

<script>

//class的名称不能是数字开头。。。

var show=function(btn){

var trs=btn.parentElement.querySelectorAll(".a1")

for(var i=0i<trs.lengthi++){

trs[i].style.display="none"

}

}

</script>

  </head>

<body>

   <form>

 <input type="button" onclick="show(this)" value="1" />

<table>

<tr class="a1"><td>1</td><tr>

<tr class="a1"><td>1</td><tr>

<tr class="a1"><td>1</td><tr>

 </table>

</form>

  </body>

</html>

就简单的说一下思路把

如果是纯的js或者是jquery

可以用js来动态生成form表单,当点击显示按钮的时候,动态生成,点击隐藏的时候在手动删除

使用angular,react或vue时,可以使用 ?-if命令来实现,因为不同的框架写法不一样,用?来代替了,例如angular中就是ng-if,来控制当前的模块是否渲染,点击后把属性值变为true就可以了,点击隐藏的时候改为false哈