更改不带CSS的js的html元素的位置

Question

我是js新手， 我想在没有CSS的情况下使用javascript更改HTML元素的位置。 没有CSS，这可能吗？...

<button>Change left and top position </button>

Answer 1

您可以使用HTMLElement.style属性：

  

HTMLElement.style属性用于获取和设置元素的内联样式。获取时，它将返回一个CSSStyleDeclaration对象，该对象包含该元素的所有样式属性的列表，并为该元素的内联样式属性中定义的属性分配了值。

var btn = document.querySelector('button');
btn.style.position = "absolute";
btn.style.left = "50px";
btn.style.top = "20px";

<button>Change left and top position </button>

Answer 2

您可以像这样写HTMLElement.style

element.style.left = '10px'
element.style.top = '20px'