queryselector Questions

How to insert HTML using querySelector & modules?

September 13, 2024
Stuff Things
2 Answers

My website uses this in the frame.html head so it appears globally:  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('#15').load("../assets/15.html"); $('#16').load("../assets/16.html"); $('#17').load("../assets/17.html"); $('#18').load("../assets/18.html"); $('#19').load("../assets/19.html"); $('#20').load("../assets/20.html"); }); </script>  Other individual pages/places will have a reference like this (different pages make…

VIEW QUESTION

Javascript – Access buttons of a div as an array

August 6, 2024
Sara Freitas
3 Answers

This is a problem I was having: I am trying to access the button inside of the div and make each of them log its own text content on click. But all of them display all of the text content.…

VIEW QUESTION

Javascript – How to select all the input elements except for the ones within a specific element

June 2, 2024
Salih Kavaf
2 Answers

I want to select all the inputs in a form except those within a specific element. Consider the following sample HTML: <form id="myForm"> <input /> <input /> <div class="excluded"> <input /> <input /> </div> </form> The following doesn't work: const…

VIEW QUESTION

Javascript – Use wildcards to trace an a.href in the querySelectorAll NodeList

June 2, 2024
Mediamash
2 Answers

Let's say that instead of looking at the ID, I want to select all a.href elements that contain (a piece of) this example: if document.url is "www.youtube.com". var youtubeID = document.querySelectorAll('.youtubelink'); var youtubeDiv = document.querySelectorAll('a[href^="http://www.youtube.com"]');

VIEW QUESTION

Javascript – document.querySelector is returning null for a very simple beginner problem. I have no idea why

March 28, 2024
user34539
3 Answers

html is basically boiler plate <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src="script.js"></script> </head> <body> <input id="text-input" required placeholder="Please input a value" /> <button id="check-btn"></button> <div id="result"></div> </body> </html> js const textInput…

VIEW QUESTION

Javascript – Selecting an element ID that was created in an innerHTML variable

January 15, 2024
HectorACampo NYC
2 Answers

How do I select the textfield element "member-name"? function revealPaywall (){ const paywall = document.getElementById('paywall') const name = localStorage.getItem("value"); //TO WRITE MULTILINE HTML IN JS, USE BACKTICKS `` TO CREATE A TEMPLATE LITERAL if (localStorage.getItem("value") === null){ paywall.innerHTML = `…

VIEW QUESTION

Javascript – Select certain elements while avoiding other nested elements

January 11, 2024
Jezza
2 Answers

I want to find and replace some of the *innerHTML *with regex. I want to do this across a document acting on everything except anchor elements. I thought I could do this with queryselectorAll, by setting it to select all…

VIEW QUESTION

Javascript – querySelector: how not to call function when return is null?

October 6, 2023
Tom
2 Answers

I need to execute a function on an element that may or may not exist in the DOM, using a querySelector (not querySelectorAll, because there will be at most one such element). The most elegant solution I can devise is:…

VIEW QUESTION

Javascript – How to find multiple elements in HTML by comparison to an array of data attributes?

October 4, 2023
Anna FLYTE
2 Answers

Given HTML: <div class="element" data-name="cat"> <div class="element" data-name="bird"> <div class="element" data-name="dog"> I want to find only the elements that match a data attribute that im keeping in an array like this let Array1 = ["dog","cat","lizard"] I thought I could do…

VIEW QUESTION

Javascript – Override (monkeypatch) querySelector, then restore the original functionality back in browser JS

September 28, 2023
romand
2 Answers

I have a local testing environment, where I want to temporary override querySelector. I know that monkeypatching is bad practice, but in this case this code will only be used locally on developer side. I have this snippet that I…

VIEW QUESTION

Page 1
Page 2
Next