Дан текст в контейнере выделить все гласные буквы красным цветом

@RuslanBogd · Регистрация: 15.09.2015

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

Как на подобие вот такого вот сприпта сделать чтобы все гласные быквы в тексте выделялись красным цветом.

Java
1
2
3
4
5
6
function f()
        {
            a = document.getElementById('q1').innerHTML
            document.getElementById('q1').innerHTML='<font color=red>'+a+'</font>'
            
        }

@kalabuni · 16.03.2016, 17:15

где именно находится ваш текст?
это точно текст или же это HTML-код?

прежде чем отвечать, ознакомьтесь

@RuslanBogd · 16.03.2016, 22:56 **[ТС]**

Этот текст в контейнере 

Вот весь код

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script>
    function f()
        {
            a = document.getElementById('q1').innerHTML
            document.getElementById('q1').innerHTML='<font color=red>'+a+'</font>'
            
        }   
</script>
</head>
<body>
<p id=q1>Вот тут вот текст в котором гласные нужно выделить красным цветом</p>
<form name=f1>
<input type=button onClick=f()>
</form>
</body>
</html>

@kalabuni · 17.03.2016, 07:21

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<p id="q1">Вот тут вот текст в котором гласные нужно выделить красным цветом</p>
<input type="button" value="GO" onclick="f()">
 
<script>
function f ()
{
var S = document.getElementById('q1').innerHTML
for (var P, L, R = [], V = 'аеёиоуыэюя', j = 0, J = S.length; j < J; j++)
L = S.charAt (j), P = V.indexOf (L), R [j] = P < 0 ? L : ('<font color="red">' + L + '</font>');
document.getElementById('q1').innerHTML = R.join ('');
}
</script>

любуемся

@newJS · 17.03.2016, 07:34

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

'' + L + ''

Вот это зверство от ословодов давно изъято из обращения, нужно заменить на span с классом.

@kalabuni · 17.03.2016, 07:49

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

Вот это зверство от ословодов давно изъято из обращения, нужно заменить на span с классом.

вы уверены, что тег - он от майкрософта?
насколько мне известно, он появился в рекомендации HTML3.2, а она практически целиком творилась по браузеру Нетскейп

этот тег использован здесь мной по просьбе топикстартера "сделать на подобие" (см. его первое сообщение в этой теме)

@newJS · 17.03.2016, 08:04

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

вы уверены, что тег - он от майкрософта?

уже нет, просто они этот тег пихали везде в таких количествах, что думать по другому не получалось
всегда считал, что все гадости придумали именно они вместе со своим ослом и проводником

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

этот тег использован здесь мной по просьбе топикстартера "сделать на подобие" (см. его первое сообщение в этой теме)

эт я понял, это больше для ТС и других грамотеев

@kalabuni · 17.03.2016, 08:14

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

всегда считал, что все гадости придумали именно они вместе со своим ослом и проводником

нет, это точно от нетскейпа
см. http://www.blooberry.com/index... f/font.htm
уже после ввода этого тега в спецификацию именно Нетскейп продолжал "творчески дорабатывать" этот тег, добавляя к нему новые атрибуты: Face, Font-weight, Point-size, Size

@newJS · 17.03.2016, 08:45

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

нет, это точно от нетскейпа

Тогда будем считать, что они воруют и используют всё саме худшее.

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

именно Нетскейп продолжал "творчески дорабатывать" этот тег

тогда другого небыло

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	16.03.2016, 17:15
	где именно находится ваш текст? это точно текст или же это HTML-код? прежде чем отвечать, ознакомьтесь 0