Javascript 表单提交后更改分区高度。django（python）

我有登记表和一个提交按钮。单击“提交”时，如果出现错误，div的高度会增加，因此我会执行

height:auto

。但是，当我单击submit时，它会更改

div（.continer）

height size。但是，一秒钟后，页面刷新并返回相同的css

<button type="submit" name="register" id="btn" onclick="changeSize()">registration</button>

---

如果不是容器，您的拼写是错误的

只要高度不固定（因为它可能会因错误消息而改变），我就不会将其设置为固定值。如果您不想让它保持固定，您可以为错误消息添加一个div，比如一个错误容器/占位符，它也有一个固定的高度（并且可能根据您的优先级隐藏溢出）。这将使表单更大，但包含错误空间，因此不会更改其大小

---

然而，这听起来像是一个布局/设计问题，而不是关于javascript或django的问题。要回答这样一个问题，很难只看到代码的一部分，而没有具体的问题。

如果您希望根据其中的内容更改高度，只需将以下内容添加到css中即可：

高度：内容；

---

这将根据其中的内容设置高度。

对不起，我不理解您的所有问题：当出现错误时，高度是否会发生变化？这是你想要的吗？您的控制台中有什么类型的错误？您是指开发人员（浏览器）控制台还是django命令行？您要更改的类是

“continer”

，这是打字错误吗？你是说

“容器”

？如果输入为空并提交，则会显示错误消息。在我想要更改父容器高度（自动）后，默认值为400px。当我提交时，容器发生了变化，但在1秒后返回css，它是400px。所以刷新页面。你的javascript代码是用来做什么的？如果使用“高度：自动”将内容添加到div，则会自动更改高度。。您不需要任何javascript来实现这一点。。这就是css/html的工作原理。@sarbot不，这是continer

function changeSize() {
    var el = document.querySelector(".continer").setAttribute("style", "height:auto");
}