TypeError: null is not an object (evaluating 'e[D]')

[MarkHunte]

Also possibly a cleaner way without wiping innerHTML is to do it like

buttonDiv.childNodes[1].childNodes[0].style.backgroundImage = `url(' ${picPath}')`;
buttonDiv.childNodes[1].childNodes[0].style.backgroundSize = "200px 120px";
buttonDiv.childNodes[1].childNodes[0].title= `Image ${(btnCntr + 1)}.jpg`

---

To understand how I am writing this : url(' ${picPath}')

see :

Construct strings with Template literals - ( Javascript )

Very often you need to concatenate (link) strings, numbers etc. together. This is a typical example. var multiLinedString = "The ball \n" + "bounced"; var number1 = 10 var number2 = 5 console.log(multiLinedString + " " + (number1 +number2) + " Times"); Notice I also need to use a newline tag “\n” to get a multi lined string. This works. But it is cumbersome. It is also often the case that you end up with an error in there somewhere, an unclosed quote, a forgotten pl…