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

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

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

HTML5

<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

<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

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

<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

<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

<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

<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>

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

Решение

Решение

@kalabuni супермизантроп 3861 / 2935 / 685 Регистрация: 18.04.2012 Сообщений: 8,540
	12.12.2015, 04:57	2
	Сообщение было отмечено 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 [ТС]	3
	Про css взял на заметку, спасибо за замечание. Про alert тоже не знал.. А вот с document.write как правильно будет написать с использованием css? 0

Опции темы