Html 从任何地方获取标题下的段落

Html 从任何地方获取标题下的段落,html,Html,我不知道如何在标题后找到任何具体的段落 以下是我的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 p

我不知道如何在标题后找到任何具体的段落

以下是我的
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>

山姆网站
这是标题
这是第1段

这是第2段

这是第3段


注:我想在第一级标题后显示第3段

如果您正在寻找CSS解决方案,可以使用具有以下属性集的flexbox布局:

正文{
显示器:flex;
弯曲方向:立柱;
}
p{
顺序:1;
}
第n个孩子(4){
顺序:0;
}
这是标题
这是第1段

这是第2段


这是第3段

您可以使用“table”或“div”标记来满足您的要求,而不是“p”标记。

您可以使用
position:absolute
来定位您想要定位的段落,并以任何方式定位它,如果您想定位脚本中的任何位置,或者您也可以使用Robby的方法

这里有一些链接可以帮助您


您能解释一下这里有什么问题吗?从HTML脚本中的任意位置获取所选标题下方的段落