Document.getelementbyclassname Not Working

January 03, 2024 Post a Comment

I'm trying to use Document.getElementByClassName, but it isn't working. I've included my code below. I'd appreciate any help. HTML document: <

Solution 1:

It's getElementsByClassName Elements

Returns an array-like object of all child elements which have all of the given class names - Mozilla Developer Network / Document.getElementsByClassName()

Loop through it or use change[0].innerHTML

1

var change = document.getElementsByClassName("myclass");
   change[0].innerHTML = "New text";

<h1class="myclass"> Some text</h1>

2

var change = document.getElementsByClassName("myclass");

   for (var i = 0; i < change.length; i++) {
     change[i].innerHTML = "New text";
   }

<h1class="myclass"> Some text</h1>

Solution 2:

Right before the closing body tag (), you want to add a script tag to attach your JavaScript file into the HTML file, so that they're both linked.

Baca Juga

This is how it should look:

<head><metacharset=utf-8><title>Day Practice</title><style></style></head><body><h1class=myclass> Some text</h1><scriptsrc="javascriptfile.js"></script></body>

Also, it's "getElementsByClassName"; elements is plural

JavaScript Passion

Document.getelementbyclassname Not Working

Solution 1:

1

2

Solution 2:

Post a Comment for "Document.getelementbyclassname Not Working"