Javascript OnClick事件表赢得'；不能正确触发_Javascript_Html_Onclick

Javascript OnClick事件表赢得'；不能正确触发

javascript html

Javascript OnClick事件表赢得'；不能正确触发,javascript,html,onclick,Javascript,Html,Onclick,此代码旨在基于按钮单击来显示和隐藏表，但是，它似乎无法正确切换。有人知道我做错了什么吗 <body> <br> <button onclick="toggleTable();" style="position:absolute; top:130px; left:1000; width:200px; height:25px">3-D Model</button> <br> </body> &

此代码旨在基于按钮单击来显示和隐藏表，但是，它似乎无法正确切换。有人知道我做错了什么吗

<body>
    <br>
        <button onclick="toggleTable();" style="position:absolute; top:130px; left:1000; width:200px; height:25px">3-D Model</button>

    <br>
</body>

<script>

    function toggleTable()
{

var status = document.getElementById("modelTable").style.display;

if (status == 'block') {
  document.getElementById("modelTable").style.display="none";
} else {
  document.getElementById("modelTable").style.display="block";
}
}

    <table id="modelTable" border="1" align="right" style="display:block; position:absolute; top:150px; left:1000;">
        <tr>
            <th>
                <a href="google.com"> 3-D Model </a>
            </th>
        </tr>
        <tr>
            <td>
                <a>test1</a>

            </td>
        </tr>
        <tr>
            <td>
                <a>test2</a>
            </td>
        </tr>
    </table>

</script>




三维模型


函数切换表（）
{
var status=document.getElementById（“modelTable”）.style.display；
如果（状态=='block'）{
document.getElementById（“modelTable”）.style.display=“无”；
}否则{
document.getElementById（“modelTable”）.style.display=“block”；
}
}
测试1
测试2

您的标记无效，您需要将标签放在身体内

<body>
    <br/>
    <button onclick="toggleTable();" style="position:absolute; top:130px; left:1000; width:200px; height:25px">3-D Model</button>
    <br/>
    <table id="modelTable" border="1" align="right" style="display:block; position:absolute; top:150px; left:1000;">
        <tr>
            <th> <a href="google.com"> 3-D Model </a>

            </th>
        </tr>
        <tr>
            <td> <a>test1</a>

            </td>
        </tr>
        <tr>
            <td> <a>test2</a>

            </td>
        </tr>
    </table>
    <script>
        function toggleTable() {
            var table = document.getElementById("modelTable");
            var status = table.style.display;
            if (status == 'block') {
                table.style.display = "none";
            } else {
                table.style.display = "block";
            }
        }
    </script>
</body>




三维模型


在您的代码中：
var status=document.getElementById（“modelTable”）.style.display；
如果（状态=='block'）{
document.getElementById（“modelTable”）.style.display=“无”；
}否则{
document.getElementById（“modelTable”）.style.display=“block”；
}
使用css可能更好：
css：
.hide{display:none；}
javascript：
document.getElementById（'modelTable'）.classList.toggle（'hide'）
 您的marksup无效，您需要将tabel放在body中，“Java”是对“JavaScript”的，就像“Car”是对“地毯”的一样。