получить абзац под заголовком из любого места - PullRequest
Новая
       0

получить абзац под заголовком из любого места

0 голосов
/ 23 октября 2018

Я не понимаю, как получить какой-либо конкретный абзац после заголовка.

Ниже приведен мой HTML файл сценария: 

<!doctype html>
<html>
<head><title>SAM.com</title>
</head>
<body><h1>This is Heading</h1>
      <p>This is paragraph 1</p>

      <p>This is paragraph 2</p>

      <p>This is paragraph 3</p>
</body>
</html>

Примечание. Я хочу отобразить пункт 3 после заголовка на первом уровне.

Ответы [ 3 ]

0 голосов
/ 23 октября 2018

Вы можете использовать тег "table" или "div" для удовлетворения ваших требований вместо тегов "p".

0 голосов
/ 23 октября 2018

вы можете использовать position:absolute для абзаца, который вы хотите позиционировать и позиционировать так, как вам удобно, если вы хотите позиционировать любое место в скрипте, или вы также можете использовать метод Робби.

Вот несколько ссылок, которые помогут вам

https://www.w3schools.com/Css/css_positioning.asp

https://www.w3schools.com/csS/css3_flexbox.asp

0 голосов
/ 23 октября 2018

Если вы ищете решение CSS, вы можете использовать макет flexbox с набором свойств order: 

body {
  display: flex;
  flex-direction: column;
}

p {
  order: 1;
}

p:nth-child(4) {
  order: 0;
}
<h1>This is Heading</h1>

<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>

Если вы ищете решение JavaScript, некоторые базовые методы манипулирования DOM, такие как insertBefore(), также будут выполнятьтрюк: 

document.body.insertBefore(
  document.getElementsByTagName('p')[2],
  document.getElementsByTagName('h1')[0].nextSibling
);
<h1>This is Heading</h1>

<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...