使用JavaScript定位DOM元素的基本問題

Question

我最近開始學習JavaScript以及如何操作DOM元素。 到目前爲止它非常棒，我非常享受學習。

但是，有些東西我很難掌握。它是使用JavaScript定位元素。所有的抵消，客戶X（Y）和其他人只是混淆了我。這讓我非常沮喪，因爲我知道HTML和CSS的體面水平非常好，我也想學習和掌握JavaScript定位。

在寫這個問題之前，我在Google上進行了非常廣泛的搜索，並在20-30個例子之間進行了紅色搜索（這裏不要開玩笑）。

我想得到的答案是一些關於互聯網的文章的鏈接，其中用JavaScript定位元素的概念用普通語言解釋。

我寫在這裏，因爲我真的很沮喪，我無法自己理解它。

在此先感謝。

Answer 1

This email可能會對您有所幫助。我不知道你是否在谷歌上搜索過它。它開始談論與CSS的位置，但如果你讀下來，你會看到JavaScript。

希望這有助於;-)

Answer 2

的simpliest方式DOM元素在網頁上通過JavaScript的立場是操縱元素的內嵌樣式。

例如，假設我想將div從頂部向下移動20px，向左移動100px，您只需執行此操作。

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方面的專家，因此我會將您引導至YUI的Dom對象。

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