Основной вопрос о размещении элементов DOM с JavaScript

Question

Недавно я начал изучать JavaScript и как манипулировать элементами DOM. Пока это было здорово, и я действительно наслаждаюсь обучением.

Однако есть что-то, что мне трудно понять. Он позиционирует элементы с JavaScript. Все смещения, клиенты X (Y) и другие меня просто путают. И это расстраивает меня, потому что я знаю HTML и CSS на очень приличном уровне, и мне бы хотелось узнать и контролировать контроль над JavaScript.

Прежде чем написать этот вопрос, я сделал очень подробный поиск по Google и красный где-то между 20-30 примерами (здесь не шутите).

Что я хотел бы получить как ответы, это ссылки на некоторые статьи через Интернет, где концепция позиционирования элементов с JavaScript объясняется на обычном языке.

Я написал здесь, потому что я действительно расстроен своей неспособностью понять это самостоятельно.

Заранее спасибо.

Answer 1

This email может быть полезным. Я не знаю, попали ли вы на него в Google или нет. Он начинает говорить о позиции с CSS, но если вы прочитаете свой путь вниз, вы увидите JavaScript.

Надеется, что это помогает ;-)

Answer 2

Самого простым способ позиционирования элементу DOM на странице с помощью JavaScript манипулирует строчный стиль элемента.

Например, скажите, что я хочу переместить div в пятно 20px вниз сверху и 100px влево, используя javascript, который вы просто делаете.

var myDiv = document.getElementById('myDiv'); 
myDiv.style.position = 'absolute'; 
myDiv.style.top = '20px'; 
myDiv.style.left = '100px'; 

Это должно переместить его на 100,20 в окне браузера. Здесь применяются все правила css, поэтому это будет работать с вашими существующими знаниями CSS.

Большинство фреймворков javascript поддерживают эту базовую функциональность, для этого YUI имеет особенно полезный объект DOM. JQuery, вероятно, тоже работает, но поскольку я не эксперт в JQuery, я направлю вас на объект Dom YUI.

http://developer.yahoo.com/yui/examples/dom/index.html