$（窗口）.bind（ 「加載」）和純JavaScript $（元素）的.html

Question

我試圖改變這個jQuery到純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; 
    }; 
}); 

不幸的是，innerHTML的功能設置元素的HTML是：

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

任何幫助應用程序reciated。

Answer 1

在基於jQuery的代碼中，您正在查找ID爲subContainer的元素。

假設它的工作原理，第二個應該是

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

注意，第一個代碼是非常糟糕的，有一個很奇怪的元素選擇和未聲明的變量。