How to fix "Cannot read property 'children' of null at ..." error in javascript

Question

It says that it cannot read property "children" of null at function in my code please help me, Im stuck in here for too long.

I tried Renaming the id and checking misspelled code.

<div id="carousel-slide">
    <img src="image1.jpg">
    <img src="image2.jpg">
    <img src="image3.jpg">
</div>

<script type="text/javascript">
var carousel_index = 0;
function show_slides(){
    var carousel_image = document.getElementById("carousel-slide").children;
    var max = carousel_image.length - 1;
    carousel_index+=1;
    if(carousel_index>max) carousel_index = 0;
    if(carousel_index<0) carousel_index = max;
    for(var i=0; i<=max; i++){
        carousel_image[i].className = "carousel-hidden";
    }
    carousel_image[carousel_index].className = "carousel-show";
    setTimeout(show_slides,4000);
}

show_slides();
</script>

`if(carousel_index<0)` won't ever be true as you're not decrementing `carousel_index` — Andreas, Jan 12 '19 at 18:12

score 0 · Accepted Answer · answered Jan 12 '19 at 18:09

0

I guess that element is not loaded yet. Try this:

document.addEventListener("DOMContentLoaded", function() {
  show_slides();
});

answered Jan 12 '19 at 18:09

messerbill

4,582
1
19
33

still doesn't work. – Rondeo Balos Jan 12 '19 at 18:12
this has to work...it cannot still be the same error. So far you are not using a browser from the stone age this will work – messerbill Jan 12 '19 at 18:13
if this solves your problem please mark it with the green check :) – messerbill Jan 12 '19 at 18:14

How to fix "Cannot read property 'children' of null at ..." error in javascript

1 Answers1