2009-08-14 24 views
1

我最近开始学习JavaScript以及如何操作DOM元素。 到目前为止它非常棒,我非常享受学习。使用JavaScript定位DOM元素的基本问题

但是,有些东西我很难掌握。它是使用JavaScript定位元素。所有的抵消,客户X(Y)和其他人只是混淆了我。这让我非常沮丧,因为我知道HTML和CSS的体面水平非常好,我也想学习和掌握JavaScript定位。

在写这个问题之前,我在Google上进行了非常广泛的搜索,并在20-30个例子之间进行了红色搜索(这里不要开玩笑)。

我想得到的答案是一些关于互联网的文章的链接,其中用JavaScript定位元素的概念用普通语言解释。

我写在这里,因为我真的很沮丧,我无法自己理解它。

在此先感谢。

回答

3

This email可能会对您有所帮助。我不知道你是否在谷歌上搜索过它。它开始谈论与CSS的位置,但如果你读下来,你会看到JavaScript。

希望这有助于;-)

+0

感谢您的联系。 – Dmitris 2009-08-14 03:30:24

+0

@Dmitris:然后vpvote我!我沉迷于获得代表;-) – Kredns 2009-08-14 03:35:39

+0

不够公平:-) – Dmitris 2009-08-14 03:56:46

1

的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