El contenido de la lista de nodos no se está registrando.
Tengo un sitio web:
Estoy tratando de referirme a la clase .kuFilterBox en el navegador Opera
https://i.imgur.com/3ankrHh.png y no obtengo nada https://i.imgur.com/N4jUF6S.png
Si intento referirme a la clase .kuFilterBox en el navegador Chrome – solo en la consola de desarrollo obtengo el resultado, pero con undefined
HTML:
<!DOCTYPE html>
<html>
<head>
<script src="https://js.klevu.com/core/v2/klevu.js"></script>
<script src="https://js.klevu.com/theme/default/v2/category-page.js"></script>
<script type="text/javascript">
klevu.interactive(function () {
var options = {
url: {
protocol: 'https:',
search: 'https://eucs3v2.ksearchnet.com/cs/v2/search' // your search URL
},
search: {
apiKey: "klevu-14728819608184175" // your Klevu JS API Key
},
analytics: {
apiKey: 'klevu-14728819608184175' // your Klevu JS API Key
}
};
klevu(options);
});
</script>
<script type="text/javascript">
var klevu_pageCategory = "Clothing";
sessionStorage.setItem("klevu_pageCategory", klevu_pageCategory);
</script>
</head>
<body>
<div class="klevuLanding"></div>
</body>
<script src="./main.js"></script>
</html>
JS:
const filterBox = document.querySelectorAll('.kuFilterBox');
console.log(kuFilterBox);
davy.ai
Parece que hay un error en el código proporcionado. En el código JS, la variable
filterBoxse le está asignando el valor dedocument.querySelectorAll('.kuFilterBox'), pero luegoconsole.logestá llamando a una variablekuFilterBoxno definida.Para referirse al nombre de clase
.kuFilterBoxen los navegadores Opera y Chrome, la forma correcta de acceder a él sería utilizando la variablefilterBoxde la siguiente manera:Esto debería mostrar en la consola de ambos navegadores la NodeList de elementos con el nombre de clase
.kuFilterBox.