$(window).bind("load") and $(element).html in pure javascript

Question

I am trying to change this jquery to pure javascript:

var subContainerElement = $('#' + mainContainerId).find('#' + subContainer);

$(window).bind("load", function () {
    $(subContainerElement).html(function (index, text) {

        newParagraphText = text.replace("aaa", "bbb");
        return newParagraphText;
    });        
});

Javascript:

var subContainerElement = mainContainer.getElementsByClassName(subContainer)[0];

document.addEventListener("DOMContentLoaded", function(event) {

    mainContainer.getElementsByClassName(subContainer)[0].innerHTML = 
    function (index, text) {

        newParagraphText = text.replace("aaa", "bbb");                 
        return newParagraphText;
    };
});

Unfortunately, the innerHTML function set the html of the element to be:

function (index, text) { ......

Any help appreciated.

you are defining function there, not calling it

The Process
– The Process

2016-04-10 16:52:53 +00:00
Commented Apr 10, 2016 at 16:52 — The Process
– The Process, Commented Apr 10, 2016 at 16:52

Denys Séguret · Accepted Answer · 2016-04-10 16:41:03Z

2

In the jQuery based code, you're looking for an element whose id is subContainer.

Assuming it works, the second one should be

var subContainerElement = document.getElementById(subContainer);
document.addEventListener("DOMContentLoaded", function(event) {
     var html = subContainerElement.innerHTML;
     html = html.replace("aaa", "bbb");
     subContainerElement.innerHTML = html;
});

Note that the first code is very bad, with a very strange element selection and an undeclared variable.

answered Apr 10, 2016 at 16:41

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

$(window).bind("load") and $(element).html in pure javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related