Javascript 如何单击按钮并在表中显示列？_Javascript_Html

Javascript 如何单击按钮并在表中显示列？

javascript html

Javascript 如何单击按钮并在表中显示列？,javascript,html,Javascript,Html,最近我试图制作一个表格，我需要先隐藏答案，然后单击按钮显示答案。我试图创建一个java函数。然而，它不能真正起作用。我怎样才能修好它？谢谢 <html> <style> table td.first { display: none; } </style> <p><span class="content_inline_highlight_green_i">For each of the cases below,

最近我试图制作一个表格，我需要先隐藏答案，然后单击按钮显示答案。我试图创建一个java函数。然而，它不能真正起作用。我怎样才能修好它？谢谢

<html>
<style>
table td.first { display: none; }
</style>
 <p><span class="content_inline_highlight_green_i">For each of the cases below, please indicate whether you think it is appropriate behaviour or not. Click the box that reflects your view. 
       </span>
       <table border=1>
       <tr>
       <td>Behaviors</td>
       <td>Appropriate</td>
       <td>Inappropriate</td>
       <td>Answer</td>
       </tr>
       <tr>
       <td>Is it appropriate?</td>
       <td><input type = "radio" name = "q1"></td> <td><input type = "radio" name = "q1"></td>
       <td class="first">Inappropriate</td>
       </tr>
       </table>
       <input type="button" id="showAll" value="Show Answer" />
       <script>
        var showAll = function () {
            var e = document.getElementsByClassName("first");
            for (var i = 0; i < e.length; i++) {
                e[i].style.display = "table-cell";
            };
        (function () {
            document.getElementById("showAll").addEventListener("click", showAll);
        })();
        </script>
       
</html>


表td.first{display:none；}
对于以下每种情况，请说明您是否认为这是适当的行为。单击反映视图的框。
行为
适当的
不恰当的
答复
是否恰当？
不恰当的
var showAll=函数（）{
var e=document.getElementsByClassName（“第一”）；
对于（变量i=0；i

单击按钮后，将显示此脚本的答案

我在按钮class

class=“answer”

此脚本获取所有带有“answer”类的按钮，并在其上放置一个侦听器。单击按钮时，脚本获取按钮上最近的前一个元素（即表），并查找类为“first”的元素。她给他样式

显示：'block'

var ans=document.querySelectorAll（'.answer'）；
对于（变量i=0；i


表td.first{
显示：无；
}

对于以下每种情况，请说明您是否认为这是适当的行为。单击
反映您观点的框。

行为
适当的
不恰当的
答复
是否恰当？
不恰当的

行为
适当的
不恰当的
答复
是否恰当？
不恰当的

单击按钮后，将显示此脚本的答案
我在按钮classclass=“answer”

此脚本获取所有带有“answer”类的按钮，并在其上放置一个侦听器。单击按钮时，脚本获取按钮上最近的前一个元素（即表），并查找类为“first”的元素。她给他样式显示：'block'


var ans=document.querySelectorAll（'.answer'）；
对于（变量i=0；i

表td.first{
显示：无；
}

对于以下每种情况，请说明您是否认为这是适当的行为。单击
反映您观点的框。

行为
适当的
不恰当的
答复
是否恰当？
不恰当的

行为
适当的
不恰当的
答复
是否恰当？
不恰当的