document.getElementsByClassName does not work

Asked Apr 14 '18 at 12:47

Active Apr 14 '18 at 12:55

Viewed 30 times

I'm a newbie in javascript and I can't get this to work:

content.js

var testing = document.getElementsByClassName("test")[0];
testing.style.color = "red";

alert('hi');

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
<script src="content.js"></script>

<div class="test">hi</div>

</body>
</html>

In fact, it won't even popup the alert message. If I remove the code above "alert('hi');", the alert works fine.

Any ideas?

asked Apr 14 '18 at 12:47

misterdh

check ur path in script tag whether it is correct – sridhar.. Apr 14 '18 at 12:48
Use the [browser console (dev tools)](https://webmasters.stackexchange.com/q/8525) (hit `F12`) and read any errors. – Sebastian Simon Apr 14 '18 at 12:49
1

@user3696882 The OP already said that the `alert` works without the erroneous DOM code. – Sebastian Simon Apr 14 '18 at 12:49
change like this:
hi
– Nathan Meunier Apr 14 '18 at 12:53
Nathan Meunier, thank you! That was the problem. Thanks guys! – misterdh Apr 14 '18 at 13:35

document.getElementsByClassName does not work

0 Answers0