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文檔。