我怎样才能使这个活跃的onclick getElementById？答案

【问题标题】：How could I make this active onclick getElementById?我怎样才能使这个活跃的onclick getElementById？
【发布时间】：2020-05-18 19:03:27
【问题描述】：

** 我想选择一张照片，但使用标签“p”。我所做的是编写 onclick 和 getElementById 以使用标签输入，但它不起作用。我不知道该怎么办。**

   <nav class= "navbar navbar-expand-lg navbar-dark scrolling-navbar bg-light border">
    <ul class="nav">
      <li class="nav-item">
        <p class="nav-link text-uppercase"
        onclick="event.preventDefault(); document.getElementById('open_file').submit();">
          Visualizar File</p>
      </li>
      <input id="open_file" type="file" style="display: none;">
      <li class="nav-item">
        <a class="nav-link text-uppercase" href="#">Visualizar Contenido Final</a>
      </li>
    </ul>
  </nav>

【问题讨论】：

标签： html forms dom onclick getelementbyid

【解决方案1】：

我没有使用 Submit() 使用 document.getElementById('open_file').click()，而是复制了代码并对其进行了测试，希望对您有所帮助..

始终确保检查您的控制台是否有代码错误，并养成将代码结果打印到控制台的习惯，这将有助于解决您的代码问题。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
    <nav class= "navbar navbar-expand-lg navbar-dark scrolling-navbar bg-light border">
    <ul class="nav">
      <li class="nav-item">
        <p class="nav-link text-uppercase"
        onclick="event.preventDefault(); document.getElementById('open_file').click();">
          Visualizar File</p>
      </li>
      <input id="open_file" type="file" style="display: none;">
      <li class="nav-item">
        <a class="nav-link text-uppercase" href="#">Visualizar Contenido Final</a>
      </li>
    </ul>
  </nav>
</body>
</html>

【讨论】：