Javascript 不隐藏的形式

我正在尝试做一个表，它可以获取数据并显示数据，而且运行得很好。但是，我在这个表中有一行应该是隐藏的，应该只在我按下按钮后才显示，但它不是隐藏的。我做错了什么

<style>
    modificato<?php echo $id;?>{
        display: none;
    }
</style>

<script>
    function modificato<?php echo $id;?> {
        document.querySelector("modificato<?php echo $id;?>").style.display = "block";
    }
</script>

<form name="modificato<?php echo $id?>" class="form" method="post" action="" style="display: none;">
    <tr>
        <th>PREMI PER</th>
        <th><input type="submit" name="bottone_modificato<?php echo $id;?>" value="CONFERMARE"></th>
        <th><input type="date" name="data<?php echo $id;?>" value='<?php echo $data?>'></th>
        <th><input type="text" name="nome<?php echo $id;?>" size="10" maxlength="<?php echo $LENGTH_NOME;?>" value="<?php echo $nome;?>"></th>
        <th><input type="text" name="valore<?php echo $id;?>" onkeypress='return event.charCode >= 46 && event.charCode <= 57' size="6" maxlength="<?php echo $LENGTH_PREZZO;?>" value="<?php echo $valore;?>"></th>
        <th><input type="text" name="chilometri<?php echo $id;?>" onkeypress='return event.charCode >= 46 && event.charCode <= 57' size="6" maxlength="<?php echo $LENGTH_CHILOMETRI;?>" value="<?php echo $chilometri;?>"></th>
        <th><textarea name="note<?php echo $id;?>" rows="3" cols="20" maxlength="250"><?php echo $note;?></textarea></th>
    </tr>
</form>

修改{
显示：无；
}
功能修改{
document.querySelector（“modificato”）.style.display=“block”；
}

看起来，问题出在你们的风格上

modificato<?php echo $id;?>

或：

---

我尝试了

display:none

inside-form-inside-tags，但没有任何语法错误。打开控制台，读取错误，然后用谷歌搜索错误。现在我们开始解决了。它不起作用，元素没有隐藏，正如你在这里看到的PHP一样。我知道如何简单地解决它，但我更喜欢它在用户端工作，而不是服务器端。首先，你有一个JS错误：

未捕获的语法错误：意外的标记{

。你忘记了大括号。不能

修改函数11{

，必须是

函数modificato11（）{

其次，正如我在Chrome inspector中看到的那样，您的表单在中确实不可见。但是，您的表单在打开后立即关闭。您的HTML代码中有一个错误。这就是为什么您的输入和文本区域可见的原因：它们就在不可见的表单之外。我建议您隐藏

tr

元素，而不是

form

。

form[name=modificato<?php echo $id;?>] {
    display: none;
}

.form {
    display: none;
}

#some-element-id {
    display: none;
}