I'm trying to replicate jQuery's after()
with JavaScript:
var orangeBlock = '<a href="http://clo2015.chineselearnonline.com/">Try out the New Version of CLO</a></div>'
var greyBlock = document.getElementsByClassName('grey-block')
function insertAfter(newNode, referenceNode) {
console.log(referenceNode.parentNode)
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
}
insertAfter(orangeBlock, greyBlock)
But I'm getting the following error:
Uncaught TypeError: Cannot call method 'insertBefore' of undefined theme.js:62 insertAfter theme.js:62 (anonymous function)
I find it strange, since console.log(greyBlock)
outputs the item:
[item: function]
0: div.grey-block
length: 1
__proto__: NodeList
Live site: http://www.chineselearnonline.com/amember/member.php