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

我最近开始学习JavaScript以及如何操作DOM元素。 到目前为止，一切都很好，我真的很享受这次学习

然而，有一点我很难理解。它使用JavaScript定位元素。所有的偏移量，clientsX（Y）和其他都让我困惑。这让我很沮丧，因为我非常了解HTML和css，我也想学习并控制JavaScript的定位

在写这个问题之前，我在Google和Red20-30个例子之间进行了广泛的搜索（这里不是开玩笑）

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

我写这篇文章是因为我对自己无法理解它感到沮丧

提前谢谢。

可能会有帮助。我不知道你是否在谷歌上见过它。它开始讨论CSS的位置，但如果你往下看，你会看到JavaScript

希望这有帮助；-）

可能会有帮助。我不知道你是否在谷歌上见过它。它开始讨论CSS的位置，但如果你往下看，你会看到JavaScript

---

希望这有帮助；-）

通过javascript在页面上定位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对象

---

通过javascript在页面上定位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对象

---

@Dmitris:谢谢！我正试图以最快的速度达到10公里代表，但以我目前的速度，还需要大约6个月的时间@德米特里斯：谢谢！我正试图以最快的速度达到10公里代表，但以我目前的速度，还需要大约6个月的时间