I have some ui elements from a third party that I want to manipulate to set a different styling. First I wrote a explicit css rule which obviously did not do anything. Currently I am using this hack: This leads to some flickering in the UI that looks trashy. Is there any better solution to do this? Answer Fou…
Tag: queryselector
querySelector with more than 2 conditions is not working
I have a code sample that basically tries to get the link i.e. a element within a li element using querySelector with 4 OR conditions. The sample is at QuerySelector sample. The problem is that when I use 4 OR conditions then I get nothing returned for clickedLink1, but when I use only the last 2 OR condition…
addEventListener not working for a HTML Button that is within a Django for loop
I am trying to call a function when an HTML button is clicked, but right now, a console.log is supposed to run when the button is clicked, but nothing appears in the console. This button is within a for loop in Django and is being selected via querySelector through its class. I want only the specific button t…
How to get HTML elements by their inner text using queryselectors?
I need to get all the HTML divs that contains many HTML elements which has the innerText = ‘ * ‘ and store it in an array, How can I achieve that using typescript?. If I find a span containing the innerText= ‘ * ‘, I need to put the div inside an array. Here, in my code, there are
Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’ I am getting this error
I am new to Javascript and I can’t figure out why am I getting this error. Here is my code: This error I get in Mozilla: “Uncaught TypeError: Window.getComputedStyle: Argument 1 is not an object.” What could it be? Answer Your script tag needs to be moved to the very end of the body. The scr…
Using JavaScript do replace all occurrences of a few strings in HTML by the user input from a prompt
Context: I’m a newbie in JavaScript and I’m learning as I go with a little program I built for my job on customer service. It’s a HTML file with some some quick generic messages which are used by many attendants, each representing a branch from our company. I want each attendant to be able t…
How to add an event listener to all items in array
so this is noobie .. but i am trying to complete a challenge with more due diligence than just downloading the answer, my current html code is: my javascript codes : essentially, the current code is running the event listener for the first and last item of the array only, trying to add it to all 6 but am stuc…
Pass url value from background image style property
I have html code below: Then how to set images/gallery-1.jpg to my imageURL variable javascript by querySelector? This is my try and error: Answer A little more code needed You can change document.querySelector(“[data-animate-effect]”) to gallery[newIndex].querySelector(“li”) if prefer…
Why is my intersectionObserver returning my querySelect as undefined?
I am attempting to target a parent element and a child element using an intersectionObserver, then I have a function changing the background of the parent to a different color and rotating the child element. This code works on the parent div, however the child item returns as undefined. Am I unable to target …
How to get certain element (using JavaScript) from HTML with similar classes?
How can I get one certain element from HTML using JavaScript. I have this code. I want to write “Text From Second Block”. If I write this code I will get “Text From First Block” Answer instead of using queryselector you can use getElementsByClassName() and instead of enter the index nu…