Как применить стиль к методу alert и document.write?

@adlansuliman · Регистрация: 05.05.2013

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

Подскажите как применить стиль (можно и css) к методу alert и document.write. Я знаю что можно и без функции и без js все сделать. Но мне интересно как применить стиль в этом случае.
Вот код с методов alert

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
    </head>
    <body>
        <script>
        function vi()
            {
                alert("Привет мир!");
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Вот код с document.write

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
    </head>
    <body>
        <script>
        function vi()
            {
                document.write("Привет мир!");
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Если необходимо, вот простой css

CSS
1
2
3
4
sss {
    color: red;
    font-size: 25
};

@kalabuni · 12.12.2015, 04:57

1) к методу alert () никакие стили неприменимы -- его вид определяется даже не только настройками браузера, но и настройками операционной системы

2) никто не мешает вам добавить к выводимому методом write () тексту любой тег, которому можно указать любые нужные вам правила стилей
например, вместо банального document.write (text);
пропишите document.write ('<span style="color: red; font-size: 25px">' + text + '</span>');

ещё отмечу, что приведённый вами "простой css" -- он неграмотный (и будет работать только в старых версиях MSIE): ныне для всех линейных размеров необходимо указывать размерность (единицу измерения), т.е. ваш код надо переписать так:
font-size: 25px

@adlansuliman · 12.12.2015, 11:06 **[ТС]**

Про css взял на заметку, спасибо за замечание.
Про alert тоже не знал..
А вот с document.write как правильно будет написать с использованием css?

@alexsamos33 · 12.12.2015, 12:48

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

Про css взял на заметку, спасибо за замечание.
Про alert тоже не знал..
А вот с document.write как правильно будет написать с использованием css?

Задать элементу класс, а потом, уже отдельно от javascript в css написать определение стилей для этого класса.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
document.write('<span class="txtwrite">Это наш текст</span>');
</script>
 
<style type="text/css">
.txtwrite {
    color: red;
    font: 20pt Arial;
    text-align: center;
}
</style>

@adlansuliman · 12.12.2015, 13:43 **[ТС]**

Надеюсь я верно вас понял. Вот что написал, где я ошибся -_-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <script type="text/javascript">
        function vi()
            {
                document.write('<span class="primer">'+"текст"+'</span>');
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

CSS
1
2
3
.primer {color: red;
font: 14pt; 
}

@alexsamos33 · 12.12.2015, 14:07

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

Надеюсь я верно вас понял. Вот что написал, где я ошибся -_-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <script type="text/javascript">
        function vi()
            {
                document.write('<span class="primer">'+"текст"+'</span>');
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

CSS
1
2
3
.primer {color: red;
font: 14pt; 
}

Да нельзя write использовать после загрузки страницы!
Почитайте Метод document.write.
Используйте innerHTML, например так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
    <head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
    <div id="elem1"></div>
        <script type="text/javascript">
        function vi()
            {
                document.getElementById('elem1').innerHTML = '<span class="primer">'+"текст"+'</span>';
            }
        </script>
        <input type=button onClick="vi()" value="Нажми">
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

Как применить стиль к методу alert и document.write?

Решение

Решение

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.12.2015, 04:57
	Сообщение было отмечено adlansuliman как решение Решение 1) к методу alert () никакие стили неприменимы -- его вид определяется даже не только настройками браузера, но и настройками операционной системы 2) никто не мешает вам добавить к выводимому методом write () тексту любой тег, которому можно указать любые нужные вам правила стилей например, вместо банального document.write (text); пропишите document.write ('<span style="color: red; font-size: 25px">' + text + '</span>'); ещё отмечу, что приведённый вами "простой css" -- он неграмотный (и будет работать только в старых версиях MSIE): ныне для всех линейных размеров необходимо указывать размерность (единицу измерения), т.е. ваш код надо переписать так: font-size: 25px 1

@adlansuliman 0 / 0 / 0 Регистрация: 05.05.2013 Сообщений: 189
	12.12.2015, 11:06 [ТС]
	Про css взял на заметку, спасибо за замечание. Про alert тоже не знал.. А вот с document.write как правильно будет написать с использованием css? 0