mootools获取没有ID的元素的位置

Question

除了一些基本的jQuery内容外，我对整个Java脚本还是比较陌生的。

最近，我接手了一个使用mootools的小型本地项目，但我陷入了困境。

我有几页具有相对简单的dom结构和存储在数据库中的内容的页面。 每页上的第一个元素是div或具有固定宽度和高度的段落。

所说元素有3种变化，每种都有不同的高度，这意味着我们在每页上都有一个

<div class="header1"><img ...></div>
<p class="header2"><img ...></p>
<p class="header3"><img ...></p>

每一个后面都有包含文本或图像的几个段落。

我的问题：我必须在页面的第一个元素（div或p）和以下内容之间放置一个带有打印图标的小div，但不允许更改生成该页面的任何代码。

想法是使用mootools（无论如何加载）将div放置在第一个元素正下方的绝对位置。

使用jQuery可以很容易地做到这一点，但是我必须使用mootools加上元素没有ID。

是否有任何简单的方法来获取或在页面加载时的位置，然后将div放置在其下？

到目前为止，我有这个（相当差），它使用“ header1”类记录元素

window.addEvent('domready', function() {
$$('.header1').each(function(element){
    console.log(element);
});

}）;

Answer 1

element.getPosition()您提供element.getPosition()的x和y位置，这应允许您在该位置附近创建一个新元素。 getPosition()可能位于MooTools More中，具体取决于您使用的版本。

在适当的位置将新元素添加到DOM中而无需进行棘手的定位可能会更容易，尽管这将取决于您的DOM。

---

从注释中判断您的反应，如果您只是想通过id以外的其他内容来匹配文档中的单个元素，则需要document.getElement() ，其效果与$$()相同，但是返回第一次匹配；如果没有匹配项，则返回null 。

Answer 2

当然是。 问题是如果没有ID，如何获取所需的元素。 这与jQuery一样困难，或者与jQuery一样容易。

看一下Element.getPosition() mootools文档。