Javascript 如何检查元素的位置？

我有下面的脚本。基本上，它将图片与标题分开。问题是，有时我会把标题放在页面的末尾，把图片放在下一页。 我想能够测试，如果标题是远远在页面，它将进入下一页。 类似“如果标题位置>3/4页，则分页符

多谢各位

函数检查标题（值）{
如果（标题！=值）{
如果（列==2）{
书面文件（“”）；
列=1；
}
书面文件（“”）；
书面文件（“”+值+“”）；
书面文件（“”）；
}
标题=价值；
ctr=ctr+1；
}

更新：很抱歉，我以为您要求不要延伸到视口下方…要停止分页符，可以使用CSS：

/* avoid page break after the div */
div.title {
    /* new property */
    break-after: avoid-page;

    /* legacy property */
    page-break-after: avoid;
}

---

参考资料：

Hi Alain.你说的“下一页”是什么意思？“您是否使用HTML生成打印文档？我建议您在继续使用javascript之前先阅读CSS教程。CSS包含许多不同的规则来定位元素、指定最大宽度、空格应该断开的位置等。这将使页面更容易按照您的需要进行布局，而不是使用JS进行布局计算。这可能会回答您的问题：嗨，Chris，是的，我这样做了。实际上，我在我们使用的软件中生成报告。我们使用SQL来获取数据和布局的HTML/CSS/Javascript。实际上，我正在尝试相反的方法。我希望每个新标题都与图片保持在一起，因为现在，在某些情况下，我会将标题放在页面底部，并将图片放在新页面上。这就是上面所做的，它避免了在

div.title

之后放一个分页符，我尝试过了，但它不起作用。这是我在脚本中的一行：document.writeln（“”+value+“”）；尝试使用旧版本：

在：avoid

之后使用分页符。您的浏览器可能不支持新属性，因此尝试将其放在div中，但两者都不工作：document.writeln（“”）；书面文件（“”）；书面文件（“”+值+“”）；书面文件（“”）；书面文件（“”）；