我如何使此活动onclick getElementById?

问题描述 投票:0回答:1

**我想选择一张照片,但要使用标签“ 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个回答
0
投票

而不是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>
© www.soinside.com 2019 - 2024. All rights reserved.