Небольшая задачка

@Leet · Регистрация: 05.12.2011

Студворк — интернет-сервис помощи студентам

при щелчке на странице найти на ней все элементы HTML <b> и выделить в них курсивом третью букву, если она есть

Помогите пожалуйста сделать.

@kalabuni · 17.12.2014, 11:00

для частного варианта, когда внутри тегов <b></b> нет никаких других тегов, задачка действительно небольшая
а вот для общего случая -- когда внутри внутри тегов <b></b> могут быть какие-то иные теги (например, <b>text1<u>text2</u>text3</b>) -- задачка совсем даже непростая

@Leet · 17.12.2014, 12:02 **[ТС]**

Мне бы решение для простого случая, а не для общего.

@Lazy_Den · 17.12.2014, 13:00

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

и выделить в них курсивом третью букву

Именно букву?

JavaScript
1
2
3
4
5
6
var bTag = document.querySelectorAll('b'),
    re = /^(.{2})([a-zа-яё])/i;
for (var i = 0; i < bTag.length; i++) {
    var txt = bTag[i].innerHTML;
    bTag[i].innerHTML = re.test(txt) && txt.replace(re, '$1<i>$2</i>');
}

Добавлено через 49 секунд
P.S. Нет, лучше так:

JavaScript
1
2
3
4
5
6
var bTag = document.querySelectorAll('b'),
    re = /^(.{2})([a-zа-яё])/i;
for (var i = 0; i < bTag.length; i++) {
    var txt = bTag[i].innerHTML;
    if(re.test(txt)) bTag[i].innerHTML = txt.replace(re, '$1<i>$2</i>');
}

@kalabuni · 17.12.2014, 13:02

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html>
<head>
<style>
html, body {height: 100%}
i {color: red}
</style>
 
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<title></title>
<script>
onload = function ()
{
document.body.onclick = function ()
   {
   for (var Btags = document.getElementsByTagName ('b'), j = 0, J = Btags.length; j < J; j++)
      {
      var txt = Btags [j].textContent; 
      if (txt.length > 2) Btags [j].innerHTML = txt.substring (0, 2) + '<i>' + txt.charAt (2) + '</i>' + txt.substr (3);
      }
   }
}
</script>
</head>
<body>
<p><b>123456</b>
<p><b>abcdefg</b>
<p><b>111</b>
<p><b>00</b>
 
</body>
</html>

в блоке <style></style> два правила:
первое даёт возможность запуска функции при клике в любом месте по всей высоте страницы (высота тела документа без этого правила определялась бы высотой содержимого)
второе -- для наглядности

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Leet 0 / 0 / 0 Регистрация: 05.12.2011 Сообщений: 9

	Небольшая задачка 17.12.2014, 09:56. Показов 741. Ответов 4 Метки нет (Все метки) при щелчке на странице найти на ней все элементы HTML <b> и выделить в них курсивом третью букву, если она есть Помогите пожалуйста сделать. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	17.12.2014, 11:00
	для частного варианта, когда внутри тегов <b></b> нет никаких других тегов, задачка действительно небольшая а вот для общего случая -- когда внутри внутри тегов <b></b> могут быть какие-то иные теги (например, <b>text1<u>text2</u>text3</b>) -- задачка совсем даже непростая 0

@Leet 0 / 0 / 0 Регистрация: 05.12.2011 Сообщений: 9
	17.12.2014, 12:02 [ТС]
	Мне бы решение для простого случая, а не для общего. 0