Tengo un error que resolver en document.querySelector('#myAjax') : TypeError: document.querySelector(...) is null
Debajo de mi código. Cuál es el problema ? gracias
<div id="#myAjax"></div> <script> window.addEventListener("DOMContentLoaded", (event) => { console.log("DOM uploaded and analysed"); document.querySelector('#myAjax') .addEventListener('click', function(e) { let selectedOptionVal = document.querySelector('#move_to_category_id').value, options_html = ""; fetch("{$categories_ajax}?" + selectedOptionVal) .then(function(response) { return response.json(); }) .then(function(jsonResponse) { // Ajax success console.log("data is :", jsonResponse); for (const index in jsonResponse) { let category_id = jsonResponse[index].id; let category_name = jsonResponse[index].text; let selectedString = category_id == selectedOptionVal ? ' selected="selected"' : ''; options_html += '<option value="' + category_id + '"' + selectedString + '>' + category_name + '</option>'; } $('#move_to_category_id').html(options_html); }) .catch(function(err) { // error ajax alert("error :" + err); }); }); }); </script>El selector de ID de CSS utiliza el atributo de ID de un elemento HTML para seleccionar un elemento único en una página. Para usar un selector de ID en CSS, escribe un hashtag # seguido de la ID del elemento, pero no es necesario y en realidad es muy confuso e incorrecto agregar el # en el valor del atributo.
En pocas palabras, debe eliminar el # del atributo id. cambiarlo de:
<div id="#myAjax"> // wrongA
<div id="myAjax"> // correctEliminar # de la identificación del div del componente: <div id="myAjax"></div>
<div id="#myAjax"> en esta línea no debe usar '#'
usar
<div id="myAjax">