مبتدی: مشکل با تغییر محتوای تگ با کلاس خاص

مشکل با تغییر محتوای تگ با کلاس خاص

سلام
من این کدها رو نوشتم ولی محتوای اون تگی که بهش کلاس رو دادم تغییر پیدا نمیکنه ... مشکلش چیه ؟

کد HTML:

<!doctype html><html lang="fa"> <head> <meta charset="UTF-8"> <script src="test.js" type="text/javascript"></script> <title>Document</title> </head> <body> <div class="someClass">test</div> </body> </html>

و کد جاوا اسکریپت
function getByClass (className, parent) {

    parent || (parent=document);

    var descendants=parent.getElementsByTagName('*'), i=-1, e, result=[];

    while (e=descendants[++i]) {

        ((' '+(e['class']||e.className)+' ').indexOf(' '+className+' ') > -1) && result.push(e);

    }

    return result;

}

function replaceInClass (className, content) {

    var nodes = getByClass(className), i=-1, node;

    while (node=nodes[++i]) node.innerHTML = content;

}

replaceInClass('someClass','Test Content changed by js!');
این کد رو با جستجو توی اینترنت پیدا کردم ، خودم ننوشتم.
البته با querySelectorAll هم سعی کزدم این کار رو انجام بدم اما محتواش تغییر نکرد.

ممنون میشم کمک کنید.

نقل قول: مشکل با تغییر محتوای تگ با کلاس خاص

دلیل اینکه از jQuery استفاده نمیکنید چیست؟

نقل قول: مشکل با تغییر محتوای تگ با کلاس خاص



var elements = document.getElementsByClassName('someClass');



for (var i=0; i<elements.length; i++) {

    elements[i].innerText = 'new test';



    // یا برای وارد کردن کدهای اچ تی ام ال

    elements[i].innerHTML = 'new test';



}

دمــو