Javascript 使用ajax单击按钮时更改html元素的高度

我有一个login.php页面。该页面包含php和html。单击“登录”按钮后，它将让我登录并转发到欢迎页面，或者输出您的密码或用户名无效。我想更改元素的高度。遗憾的是，这不起作用，因为php正在重新加载pagewitch。我听说我可以用Ajax实现它。 有人知道怎么做吗

按钮：

<input id="button" type="submit" value="Log In" onclick="ausgabe();">

您正在提交表单，因此页面将重新加载。您应该将type更改为type=button，然后可以制作如下内容：

函数硬增益器{ var gainheight=document.getElementById'gain' gainheight.style.height=220px； } document.getElementByIdgbutton.addEventListenerclick，函数{ 哈得盖纳 } 获得{ 背景：红色； 宽度：200px； }

---

如果你想知道如何使用AJAX和PHP，你需要在Google上搜索，阅读并尝试实现它，如果你遇到困难，我们可以帮助你。但是，如果您需要知道如何更改元素的高度，则需要编辑您的问题！因此，您需要提交以确定用户名/密码是否无效或正确？您试图完成什么？document.getElementById确实返回DOM中的元素。我不明白你的ausgabe函数的用途。@bradbury9哦，我有更多的函数。我通过ausgabe生成代码输出它们readable@Charles380才意识到不是真的

function hardgainer(){
    var gainheight = document.getElementById('gain')
    gainheight.style.height ="220px";
    document.getElementById('gain').innerHTML = gainheight;
}

function ausgabe(){
    document.getElementById('button') = 
        hardgainer();
}