Я относительно новичок во всей работе Javascript, за исключением некоторых основных вещей jQuery.mootools получает позицию элемента, который не имеет идентификатора
Недавно я взял на себя небольшой локальный проект, который использует mootools, и я застрял.
У меня есть несколько страниц с относительной простой структурой и содержимым, которые хранятся в базе данных. Первым элементом на каждой странице является либо div, либо абзац с фиксированной шириной и высотой.
Есть три варианта указанного элемента, каждый из которых отличается по высоте, а это значит, что мы имеем либо один из них на каждой странице
<div class="header1"><img ...></div>
<p class="header2"><img ...></p>
<p class="header3"><img ...></p>
Каждые из них следует несколько абзацев, содержащих текст или изображения ,
Моя проблема: я должен поместить маленький div с пиктограммой печати между первым элементом страницы (div или p) и следующим контентом, но мне не разрешено изменять какой-либо код, создающий эту страницу.
Идея заключается в использовании mootools (который загружен в любом случае), чтобы поместить div в абсолютное положение чуть ниже первого элемента.
Это может быть сделано довольно легко с помощью jQuery, но я должен использовать mootools, а элементы не имеют идентификаторов.
Есть ли какой-либо простой способ получить позицию либо, либо на загрузку страницы, а затем разместить (позиция: absolute;) под ним?
До сих пор у меня есть это, (что довольно плохо), который регистрирует в elemnent с классом "HEADER1"
window.addEvent('domready', function() {
$$('.header1').each(function(element){
console.log(element);
});
});
Почему НИЖЕ первый элемент? вводить его во 2-й элемент и смещать через CSS и отрицательный «margin-top», намного проще и эффективнее. Кроме того, будет работать с изменением размера без необходимости сбора/изменения абсолютных значений. –