The use of the HTML DOM position attribute

HTML DOM position attribute usage, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can gain something.

Let's introduce the definition and usage of the HTML DOM position attribute. There are roughly four possible values of the position attribute, which are static | relative | absolute | fixed. Here, we will analyze its usage through an example.

HTML DOM position attribute

Definition and usage

The position attribute places the element in a static, relative, absolute, or fixed position.

Syntax:

Object.style.position=static | relative | absolute | fixed

Possible value

Example

This example changes the position of the element from relative to absolute:

Input {position:relative;} function setPositionAbsolute () {document.getElementById ("b1") .style.position = "absolute"; document.getElementById ("b1") .style.top = "10px";}

This is an example paragraph

HTML DOM position attribute