Trabajo en php y javascript. Ahora quiero llamar a las funcionalidades de javascript en mi código php pero ahora está funcionando. el código de php que ejecuta el código javascript es
echo '<script type="text/javascript"> alert( document.getElementById("popup")); document.getElementById("popup").style.display = "block"; document.getElementById("popup").classList.toggle("active"); </script>';pero la alerta da un valor nulo y no ejecuta el código de html. el codigo de html es
<div class="popup" id="popup"> <div class="overlay"></div> <div class="content"> <!-- <div class="close-btn" onclick="closePopup()">×</div> --> <div class="row"> <div class="col-lg-12 col-md-9 col-sm-12"> <img width="200" height="200" src="https://cdn.dribbble.com/users/2469324/screenshots/6538803/comp_3.gif"> <h2 id="errorHead">fields are required</h2> <p id="errorMessage"> All fields are required. fill all fields </p> <button style="background-color: darkgreen; width: 130px; margin-top: 5%;" class="btn btn-success radiusChange backgroundChange" onclick="closePopup()"> Close</button> </div> </div> </div> </div>cómo ejecuto este código, básicamente es la ventana emergente que quiero ejecutar. por favor indique la manera de resolver este problema.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Call JS Code</title> <?php echo '<script type="text/javascript"> alert("Execute Javascript Code"); </script>'; ?> </head> <body> </body> </html>Debe esperar a que el documento se cargue por completo antes de acceder a sus nodos.
¿Puede intentar echo de lo siguiente? Debería obtener el contenido de #errorMessage, es decir, ahora puede acceder al nodo emergente y hacer sus cosas.
<script type="text/javascript"> window.onload = () => { alert(document.getElementById("popup").querySelector("#errorMessage").innerText); //you can deal with the popup node :) }; </script>