如何从外部 JS 文件触发 PHP 文件中的 HTML 元素

Question

我想从带有事件侦听器的 JS 文件触发 PHP 文件中的 HTML 元素。 这是我的 PHP 文件：

<?php echo password : is <div style='visibility:visible' id='password'> ".$pass."</div>  
          <button id='togglePassword'>See</button>";  ?> 

这是我的 JS 文件。 显然我正在使用一个事件监听器，它指向我的密码并切换！ 这是我的 JS 文件：

const toggle = document.getElementById('togglePassword');
const password = document.getElementById('password');

toggle.addEventListener("click", function () {
    console.log("test")
    if(password.style.visibility==="visible"){
        password.style.visibility=  "hidden"
    }else {
        password.style.visibility = "visible"
    }   
});

Answer 1

如果我正确理解了您的问题，您似乎正试图从服务器获取信息，而此类请求是由 javascript 事件触发的。 您可以尝试使用 AJAX 来实现。 使用 AJAX，您可以

从 Web 服务器读取数据 - 在页面加载后更新网页而不重新加载页面 将数据发送到 Web 服务器 - 在后台

https://www.w3schools.com/js/js_ajax_intro.asp

Answer 2

只需使用 src 回显一个脚本标签，其余工作照常进行。

<?php
    echo "password : is <div style='visibility:visible' id='password'> " . $pass . "</div> 
    <button id='togglePassword'>See</button>";
    
    echo "<script src='./app.js'></script>"; // you can echo normal html

在你的 app.js 中做你的 TOGGLE 事情。