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

E power

شنبه 10 خرداد 1393, 22:49 عصر

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

<!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 هم سعی کزدم این کار رو انجام بدم اما محتواش تغییر نکرد.

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

Javidhb

سه شنبه 13 خرداد 1393, 22:39 عصر

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

for (var i=0; i<elements.length; i++) {
elements[i].innerText = 'new test';

// یا برای وارد کردن کدهای اچ تی ام ال
elements[i].innerHTML = 'new test';

}

دمــو (http://jsfiddle.net/nLf7k/)