Как добавить css стилей в документ. Запишите javascript - PullRequest
1 голос
/ 02 августа 2020

Здравствуйте, я новичок в javascript и делаю свои первые шаги. Мне было интересно, могу ли я стилизовать содержимое переменной в инструкции document.write, и я пришел к этому.

    <!DOCTYPE html>
<html lang="en">
<head>
    <style>
        .style1{
            background-color: chartreuse;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var name1;
        name1=prompt("Write your name");
        document.write('<p class="style1">'+name1+'</p>');
    </script>
</body>
</html>

Я решил это, просмотрев некоторые сообщения здесь. Вопрос в том, как это на самом деле работает?

document.write('<p class="style1">'+name1+'</p>');

Я не уверен, что понимаю, почему мне нужно поставить 'для этой инструкции, может кто-нибудь объяснить это, пожалуйста, спасибо Кстати, мне очень жаль, что это очень простой вопрос, но я хотел бы знать, есть ли у вас еще несколько способов стилизовать документ. Напишите, было бы неплохо знать.

Ответы [ 3 ]

1 голос
/ 02 августа 2020

Я бы предложил немного другой подход. Вы можете добавить div в свой HTML с идентификатором «test» (или как хотите), а затем отредактировать внутренний HTML этого div следующим образом:

document.getElementById("test").innerHTML = name1;
0 голосов
/ 02 августа 2020

document.write: Запишите HTML элементов с текстом прямо в HTML документ

 var name1;
 name1=prompt("Write your name");
 document.write('<p class="style1">'+name1+'</p>');
  1. Создайте переменную с именем name1
  2. Присвойте значение name1 переменная из пользовательского ввода в подсказке
  3. Запишите p элемент с классом style1, и его содержимое будет значением от name1 до HTML document
0 голосов
/ 02 августа 2020

document.write (); пишет текст в ваш HTML файл. поэтому, если вы напишете так:

document.write ("

бла

");

тогда: вы пишете html Источник как

бла

.

надеюсь, вы понимаете мой ответ!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...