Помогите сделать один простенький сценарий

[Belovsan]

В общем есть див с классом .log_1. В нём содержится определённый текст. Надо написать сценарий такого типа, если текст, содержащийся в классе .log_1 будет более n-го кол-ва букв (например 10), тогда этому диву присваиваем класс .log_2.

Помогите пожалуйста, если можете

[Great Rash]

1) находим этемент log_1 на странице

2) находим все текстовые ноды внутри этого элемента (nodeType == 3)

3) циклом пробегаемся по массиву текстовых нод и суммируем количество буков в каждой (text += node.innerHTML.length)

4) если text больше определенного количества, делаем что-то

[stars]

if(document.getElementsByClassName == undefined) { 
   document.getElementsByClassName = function(cl) { 
	  var retnode = []; 
	  var myclass = new RegExp('\\b'+cl+'\\b'); 
	  var elem = this.getElementsByTagName('*'); 
	  for (var i = 0; i < elem.length; i++) { 
		 var classes = elem[i].className; 
		 if (myclass.test(classes)) { 
			retnode.push(elem[i]); 
		 } 
	  } 
	  return retnode; 
   } 
}; 
window.onload = function() {
var a = document.getElementsByClassName('log_1');
for (var i = 0; i < a.length; i++) {
	if(a[i].innerHTML.length>5) { a[i].className = 'log_2'; }
} }

Собственно 5 меняем на свое число

Edited October 13, 2010 by stars

[Belovsan]

stars, огромное Вам спасибо!

[Great Rash]

Этот скрипт не будет работать корректно если внутри дива с классом log_1 будет находится жирный, курсив или любой другой текст с форматированием, т.к. innerHTML вернет текст вида (<b>текст</b> текст) и количество букв будет посчитано неверно. Реальное кол-во символов - 11, скрипт посчитает их как 18.

[stars]

Ну хз, если такая задача у топик стартера появится добавит значит еще 1 цикл или просто попробует вычистить строку от тэгов...

[Belovsan]

Не, всё окей. Там уже если что и вычислить можно. Но в данном случае текст идёт без форматирования.

[s0rr0w]

1) находим этемент log_1 на странице

2) находим все текстовые ноды внутри этого элемента (nodeType == 3)

3) циклом пробегаемся по массиву текстовых нод и суммируем количество буков в каждой (text += node.innerHTML.length)

4) если text больше определенного количества, делаем что-то

2й пункт спокойно заменяется в ИЕ на innerText, а в нормальных браузерах на вот такую конструкцию

var range = document.createRange( );

range.selectNodeContents ( node );

return range.toString();

[Great Rash]

Я Range и Selection вообще не знаю, сколько не читал туториалов они все какие-то ущербные...

[SelenIT]

quirksmode.org предлагает еще более простую конструкцию (как кроссбраузерную):

var text = x.innerText || x.textContent

[s0rr0w]

Я Range и Selection вообще не знаю, сколько не читал туториалов они все какие-то ущербные...

Да там нечего читать.

Все примитивно. Это похоже на маску в фотошопе.

quirksmode.org предлагает еще более простую конструкцию (как кроссбраузерную):

var text = x.innerText || x.textContent

dom level 3. Хм, надо будет прошерстить поддержку у браузеров.