Блог

Главная - Вопросы по программированию - Как создать новый тег контейнера в html

Как создать новый тег контейнера в html

#javascript #html

#javascript #HTML

Вопрос:

я читал об этой теме, но не решил. Что-то похожее на header и footer html-тег с content . Хорошо, это не стандартный пользовательский тег html, но я хочу что-то вроде:

 <html>
  <body>
    <content>
      This is a text
    </content>
  </body>
</html>

Итак, я определил CSS как:

 content {
  backuground-color: red;
  display: block;
  padding: 1em;
}

И Javascript как:

 var customTag = document.createElement('content');
var customTag = new customTag();
document.body.appendChild(customTag);

Но что-то не работает. Как я могу решить проблему? Что я забыл сделать еще?
Большое спасибо.

Комментарии:

1. не уверен, почему вы хотели бы создавать свои собственные теги? есть из чего выбирать. почему бы просто не использовать div с классом?

2. Не уверен, нужно ли вам это делать, codepen.io/Maniraj_Murugan/pen/ExKLVJY

3. вне контекста, но в фоновом режиме-цвет: красный; должен быть цвет фона: красный;

4. это была ошибка ввода.

5. Я опубликовал ответ. <content> раньше был HTML-тегом (я думаю)… У вас здесь опечатка: backuground-color => background-color . Насколько я знаю, var customTag = new customTag(); не используется для создания тегов — document.createElement используется.

Ответ №1:

<content> раньше был HTML-тегом (я думаю)…
Вот способ с <customcontent> , вместо:

 var cc=document.createElement("customcontent");
cc.innerText="Hello!  I'm a custom content tag!";
document.body.append(cc);  
 customcontent {
  background-color: red;
  display: block;
  padding: 1em;
}