关于使用JavaScript定位DOM元素的基本问题

时间:2009-08-14 02:56:37

标签: javascript jquery html css

我最近开始学习JavaScript以及如何操作DOM元素。 到目前为止一直很棒,我真的很喜欢学习。

但是,有些事情我很难掌握。它是JavaScript的定位元素。所有的抵消,客户X(Y)和其他人只是让我感到困惑。这让我感到很沮丧,因为我非常了解HTML和css,我也想学习并控制JavaScript定位。

在这里写这个问题之前,我在Google和红色上做了非常广泛的搜索,介于20到30个例子之间(这里没有开玩笑)。

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

我在这里写道,因为我对自己无法理解而感到沮丧。

提前致谢。

2 个答案:

答案 0 :(得分:3)

This email可能会有所帮助。我不知道你是否在google上遇到过它。它开始讨论CSS的位置,但如果你读下去,你会看到JavaScript。

希望这会有所帮助; - )

答案 1 :(得分:1)

通过javascript在页面上定位dom元素的最简单方法是操作元素的内联样式。

例如,假设我想将div从顶部向下移动20px,使用javascript向左移动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