все круто, но..
(function(){
var have = [
'联',
'猫'
];
var elems = document.querySelectorAll('#rep1 *'), i = elems.length;
var reg = /\s|\d|\.|%|\[|\]|\(|\)|:|\|/gi;
while(i--) {
var childs = elems[i].childNodes, j = childs.length;
while(j--) if( childs[j].nodeType === 3 && /\S/.test( childs[j].data ) ){
var str = childs[j].data;
var res = str.replace( reg, '' );
if( res.length ){
if( have.indexOf( res ) + 1){
var img = document.createElement('img');
img.src = 'http://mysite.ru/' + have.indexOf( res ) + '.png';
elems[i].replaceChild(img, childs[j]);
}
}
}
}
}())
replaceChild полностью заменяет элемент и страница портится..
как сделать, чтобы заменялся только текст внутри элемента?
nodeValue? а как?
заменяется только текст.. непонимаю, почему картинки ставятся не вполне на место текста.. немного сползают вниз.. но это скорее всего уже не javascript да?