**我想选择一张照片,但要使用标签“ 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>
而不是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>