javascript - 单击按钮后如何将div向左扫

Question

我很难将整个 div 向左移动，但它似乎不起作用。 主要是让按钮实际使用 javascript 是一件很痛苦的事情，因为我正在尝试通过像 PHP 或 JS 一样工作的代码来学习 CSS。

left: 100%;

我尝试使用另一个 stackoverflow 问题中的一些示例代码，然后单击按钮将 div 向左推 100%，但它似乎不起作用:/

然后我尝试使用 id:active 但它对我不起作用。

任何人都可以帮助我获得一些 JS 来激活 CSS，以及添加到按钮以激活 JavaScript 的代码吗？

欢迎任何建议，也在此先感谢。如果有人需要，这是代码:

按钮:

<button class="btn btn-embossed btn-primary">Access Website</button>

分区类:

<div class="wrapper">..</div>

(.. 代表 etc，因为它基本上是按钮前的欢迎文字)

Answer 1

如果你想移动一个 DOM 元素，它应该有一个绝对定位:

.wrapper { position: absolute; }

或

<div class='wrapper' style='position:absolute;'></div>

然后你可以用javascript移动元素:

// get the first element with class 'wrapper'
var element = document.getElementsByClassName('wrapper')[0];

// set the left position
element.style.left = '2px';