I have a website:
https://i.imgur.com/LA0BTF9.png
I'm trying refer to .kuFilterBox class name in Opera browser
https://i.imgur.com/3ankrHh.png and get nothing https://i.imgur.com/N4jUF6S.png
If I'm trying refer to .kuFilterBox class name in Chrome browser - only in devconsole I got the result, but with undefined
https://i.imgur.com/OqlPWfB.png
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);