JavaScriptでDOM要素を配置する際の基本的な質問

Question

最近JavaScriptを学び始め、DOM要素を操作する方法を学びました。 これまでのところ、すばらしかったし、学習を本当に楽しんでいます。

しかし、私は把握するのに苦労していることがあります。 JavaScriptを使って要素を配置しています。すべてのオフセット、clientsX（Y）などが私を混乱させるだけです。そして私は非常にまともなレベルでHTMLとCSSを知っているので、私はイライラしています。私は、JavaScriptの位置付けについて学び、コントロールしたいと思っています。

ここでこの質問を書く前に、私は20-30例の間でGoogleと赤のどこかで非常に広範な検索を行った（ここでは冗談なし）。

私が答えとして得たいと思うのは、JavaScriptを使った要素の位置付けの概念が通常の言語で説明されているインターネット上の記事へのリンクです。

私は本当に自分自身でそれを理解することができないということに挫折したので、私はここに書いています。

ありがとうございます。

Answer 1

This emailが役に立ちます。あなたがGoogleでそれを見つけたのかどうかはわかりません。それはCSSでの位置について話し始めますが、あなたがあなたの道を読んだら、あなたはJavaScriptを見るでしょう。

希望はこれが;-)

Answer 2

最も単純な方法は、要素のインラインスタイルを操作れるjavascriptによってページ上のDOM要素を配置することができます。

例えば、私がdivを上から20px、下から100pxをjavacriptを使って移動するとします。

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

ブラウザウィンドウで10020に移動する必要があります。すべてのCSSルールがここに適用されるので、CSSの既存の知識にはうまくいくはずです。

ほとんどのjavascriptフレームワークではこの基本機能がサポートされていますが、YUIにはこのために特に便利なDOMオブジェクトがあります。 JQueryはおそらく同様ですが、私はJQueryの専門家ではないので、私はあなたをYUIのDomオブジェクトに誘導します。

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