函数和getElementById在Javascript中不起作用[重复]答案

【问题标题】：function and getElementById not working in Javascript [duplicate]函数和getElementById在Javascript中不起作用[重复]
【发布时间】：2021-07-28 04:04:35
【问题描述】：

我创建了一个页面，如果输入长度为 0，它会显示警报。如果输入长度不为 0，它会执行 href"mailto:info@company.com" 属性所做的功能（使用 document.getElementByID 进行处理）。我希望在单击“发送”按钮后，它会发送一封电子邮件或执行 Html 的 href"mailto:info@company.com" 属性所做的功能。但它不起作用。代码是：

HTML：

<form action="index.html">
   <input type="submit" class="btn" value="Send" onClick="auth(event)">
   <div>
     <a href="mailto:info@company.com" id="SendMail"></a>
   </div>
</form>

JavaScript：

    function auth(event) {
  event.preventDefault();

  var username = document.getElementById("username").value;

  if (username.length === 0) {
    alert("Please enter your email");
    return;
  } else if (username.length === 5) {
    document.getElementById("SendMail")
  } 
  }

【问题讨论】：

您希望document.getElementById("SendMail") 做什么？它只是引用一个元素，什么都不做。
您正在尝试getElementById(“username”)，它不在 html 中。您需要添加一个具有该 ID 的元素。你也有onClick 副onclick

标签： javascript html forms function send

【解决方案1】：

您只是获取 ID 引用，而没有对其进行任何操作。我认为您想要做的是在这个答案中：https://stackoverflow.com/a/271172/2938055

【讨论】：