Форум

Julia1991 · #1 (**permalink**) 13.08.2017, 15:32

Подскажите, пожалуйста, как решить одну задачу? Есть несколько блоков div, нужно просчитать в каком блоке больше текста и этому блоку задать стиль (например, красную рамочку)

j0hnik · #2 (**permalink**) 13.08.2017, 16:49

<html>
<head>
</head>
<body>
	<div>54654645645645</div>
	<div>5464565465 546546</div>
	<div>5 6546 54654 6456</div>
	<div>5 45466</div>
	<script>
[].map.call(document.querySelectorAll('div'), el => el).sort((b, a)=> a.textContent.length - b.textContent.length)[0].style.border = '1px solid red';
	</script>
</body>
</html>

будет работать для современных браузеров! (laimas привет)

laimas · #3 (**permalink**) 13.08.2017, 17:47

Сообщение от j0hnik

будет работать для современных браузеров!

Не будет, не все современные (а это понятие резиновое) поддерживают это, что вы впариваете.

j0hnik · #4 (**permalink**) 13.08.2017, 17:57

Сообщение от laimas

Не будет, не все современные (а это понятие резиновое) поддерживают это, что вы впариваете.

какие не поддерживают?

j0hnik · #5 (**permalink**) 13.08.2017, 18:08

laimas,
я никому ничего не впариваю, я лишь написал вариант решения, а пользоваться им или нет дело лично каждого. Это форум, а не базар!

laimas · #6 (**permalink**) 13.08.2017, 18:17

Сообщение от j0hnik

какие не поддерживают?

Я уже писал об этом, теперь сами. Вот блин все дураки, в эпоху HTML5 пусть и не дозревшую, используют префиксы и даже хаки, грузят дополнительный "мусор" в угоду зоопарка браузерного, а вы один решили, что все фигня.

Вы вообще задумывались о том, что приличная масса пользователей входит в сеть из под локальных сетей, в которых они не имеют прав даже установить браузер вместо штатного?

Задрали вы уже этими стрелками. Я бы и сам рад послать все недобраузеры, но увы, это ситуации не изменит.

j0hnik · #7 (**permalink**) 13.08.2017, 18:20

Сообщение от laimas

Я уже писал об этом,

кому и где?

laimas · #8 (**permalink**) 13.08.2017, 18:23

Сообщение от j0hnik

кому и где?

Найдете, я ссылки на паять не храню.

j0hnik · #9 (**permalink**) 13.08.2017, 18:27

Сообщение от laimas

Найдете, я ссылки на паять не храню.

современный для вас это ie11 которому 4 года стукнет через 2 месяца?

j0hnik · #10 (**permalink**) 13.08.2017, 18:30

стрелки переписать на function особого труда не составит, но раз зашел разговор:

<html>
<head>
</head>
<body>
	<div>54654645645645</div>
	<div>5464565465 546546</div>
	<div>5 6546 54654 6456</div>
	<div>5 45466</div>
	<script>
[].map.call(document.querySelectorAll('div'), function(el){
return el
}).sort(function(b, a){
	return a.textContent.length - b.textContent.length;
})[0].style.border = '1px solid red';
	</script>
</body>
</html>

мне не сложно.

Форум

Справочник

Discord чат

Курсы javascript