getElementByClassName does not work where getElementById does (browser supported)

getElementByClassName does not work where getElementById does (browser supported)

By : user2950758
Date : November 17 2020, 11:58 AM
may help you . getElementsByClassName() returns a NodeList of elements, whereas getElementById() (and querySelector()) return a single node.
To operate on the array-like NodeList you have to iterate over each element contained within the NodeList and specify the actions for each one individually; for example:
code :
Array.prototype.forEach.call(document.getElementsByClassName('whatever'), function (elem) {
    elem.onclick = function () {
        // do stuff;
Array.prototype.forEach.call(document.getElementsByClassName('whatever'), function (elem) {
    elem.addEventListener('click', functionToCallOnClick);

Share : facebook icon twitter icon
How to chain getElementById and getElementByClassName

How to chain getElementById and getElementByClassName

By : Arnold Tano
Date : March 29 2020, 07:55 AM
wish help you to fix your issue If you have one element with class price in the element with id productPriceContainer, you can do
code :
getelementbyclassname instead of getelementbyid is not working

getelementbyclassname instead of getelementbyid is not working

By : Manjeet Singh
Date : March 29 2020, 07:55 AM
I wish this helpful for you The function is called getElementsByClassName. Plural. It returns not an element, but an array of all the elements that have the class name.
So even if the array consists of only one item, even there is only one element in the array, you still need to index it.
code :
Use of getElementByClassName over getElementById?

Use of getElementByClassName over getElementById?

By : aule
Date : March 29 2020, 07:55 AM
seems to work fine getElementsByName:
This method returns the collection of elements whose name value is given by elementName (The name attribute value for an element.) This method is case sensitive.
How can I correctly change getElementById on getElementByClassName?

How can I correctly change getElementById on getElementByClassName?

By : Sanjay Gorasiya
Date : March 29 2020, 07:55 AM
fixed the issue. Will look into that further The only code you need to change from getElementById to getElementsByClassName is to add [0] to getElementsByClassName:
code :
var o=document.getElementsByClassName('test')[0];
var e = document.getElementsByClassName('test')[0]; 
var emon = Number(e.options[e.selectedIndex].getAttribute('price_value'));
Why does getElementById work but not getElementByClassName?

Why does getElementById work but not getElementByClassName?

By : Raghavendra V
Date : March 29 2020, 07:55 AM
I hope this helps you . getElementById returns one single element as you should not have multiple element with the same Id in the DOM.
getElementsByClassName returns an HTMLCollection as many elements can share the same class name.
code :
//variable to store the ID h1
var id = document.getElementById("first");
//variable to store the class h1
var cs = document.getElementsByClassName("second");

//coloring the id 'first'
id.style.color = "red";

cs[0].style.color = "blue";
Related Posts Related Posts :
  • How to change add and remove active class in JavaScript
  • how to toggle a specific div in javascript
  • How to get all the values from multiple keys of an array of object?
  • jQuery bind() unbind() and on() and off()
  • regular expression to find DD Month YYYY from a string
  • How to upload files from web client (HTML/jQuery form) to your Dropbox folder
  • Backbone history and require.js issue
  • Confusion over Classical and Prototypal Inheritance Javascript
  • How to take screen shot of current webpage using Javascript/JQuery?
  • Store meridiem in a variable
  • class declared inside closure vs standard class without closure
  • javascript confirm box always return true
  • dynamically changing the size of font size based on text length using css and html
  • Node.js - Getting the host IP address while on Amazon EC2
  • Confusing CSS, can anyone explain please
  • How to install v8-profiler on Windows 8 (64 bit) using npm?
  • Resolve promise based on another promise
  • google maps adding overlay layer above UI and markers
  • Style specific letter?
  • RangeError: Maximum call stack size exceeded with array.slice
  • node rest client get with local variable
  • If condition not executes while mouse move fastly
  • Count the number of displayed elements in a HTML list
  • Locate JavaScript source code in Emacs
  • Clean, Modular Code vs MV* Frameworks
  • infinite scroll without loading image
  • Backbone: reverse collection order with comparator
  • What do printers ignore?
  • jQuery UI .tabs() Contentless tab?
  • Execute Javascript alert() after page (visually) loaded
  • JavaScript - duplicating array doesn't work
  • Excessive clickable area below image
  • JavaScript Regex: Replace |b| with <b>
  • Unexpected value change in 2D array in JavaScript
  • Function doesnt see parameter as a array of objects
  • jQuery fetch keypress event on chrome and IE
  • How to enable jquery validate localization?
  • Cassandra map collection returned by node.js Helenus looks odd
  • angular ng-repeat with multiple filter options
  • Selecting Children without ID or Class names
  • How to uncheck a group of checkboxes when another checkbox is checked
  • Is hiding content by Javascript or jQuery Worth trying
  • Load XUL resource using javascript
  • XML to HTML text area from server file system
  • set focus() on textbox on form onload
  • es lint '' is assigned a value but never used' eventhough i have used it
  • Can "name" attribute be used for custom VueJS components
  • Get innerHTML of content when it is clicked
  • HTTPS causes CSS animations to not load? Very confused
  • How to hide other div apart from touched div to the band
  • Is global variable assignment atomic on NodeJS?
  • Datepicker onchangemonthyear beforeshowday
  • trying to render html files using jade but it still adresses it as a jade
  • Google Analytics - Understanding and Dissecting the Snippet: What is | | [ ];
  • Replacing "[aA09.b]." to "[aA09.b]\n" in in JavaScript
  • Why wrap a function definition in an immediate function?
  • Enable / disable jQuery script on switching to different tab in a HTML page
  • how can find return variable value outside anonymous function in node js mysql query function
  • Converting 1 to 0001 in javascript array
  • svg viewbox should not resize the text fontSize?
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org