Yo, tratando de hacer clic en un div para que sea redirigido a un documento o sitio diferente, pero obtuve ese error. Sin embargo, funciona con la forma antigua de usar onclick como un atributo dentro del elemento.
var examscol = document.getElementById("exam-col1"); function examCol() { return window.location.assign("https://www.w3schools.com") } examscol.addEventListener("click", examCol);¿Alguna sugerencia sobre por qué no funciona de esta manera?
El problema es que el id del elemento no es exam-col1 . Cuando cambio la identificación del elemento a exam-col , aparece el siguiente error [1] :
Error { "message": "Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')", } El marco no se puede mostrar cuando el campo X-Frame-Options la URL está establecido en SAMEORIGIN . El encabezado de respuesta HTTP X-Frame-Options se puede usar para indicar si un navegador debe permitir o no mostrar una página en un <frame> , <iframe> , <embed> u <object> [2] . Es por eso que cambié la URL de orientación.
/* If there is no item with an id of "exam-col1" on the page, you will get a "null" error. */ var examscol = document.getElementById("exam-col1"); function examCol() { return window.location.assign("https://www.wikipedia.com") } examscol.addEventListener("click", examCol); .clickable { display: inline; cursor: pointer; padding: 5px; border: 1px solid red; } <!-- Note that the id of the item is "exam-col1". --> <div id="exam-col1" class="clickable">Open</div> 1 - Error de tipo de JavaScript: no se puede leer la propiedad 'estilo' de nulo
2 - Opciones de X-Frame
Creo que no hay nada malo en este código, es algo más que se refiere a algún error de estilo. Puede verificar su html si está bien y también mostrarle el código para asegurarse de cuál es el problema. seria un placer