Por ejemplo, tengo este <div> con el siguiente CSS:
.some-div{ position: relative; top: 50px; } <div class="some-div"> <p>Some content</p> </div> ¿Cómo obtengo la position de la propiedad CSS del elemento con JavaScript (que en este ejemplo debería dar como resultado la cadena "relative" )?
El método Window.getComputedStyle() devuelve un objeto que contiene los valores de todas las propiedades CSS de un elemento, después de aplicar hojas de estilo activas y resolver cualquier cálculo básico que esos valores puedan contener
const element = document.getElementById('your_element_id'); const computedStyles = getComputedStyle(element); const position = computedStyles.position;Suponiendo que su "clase" tiene solo un elemento:
HTML
<div class="some-div""> <p>Some text</p> </div>JAVASCRIPT
let someDiv = document.getElementsByClassName('some-div')[0]; someDiv.addEventListener('click', () => { console.log(this.getComputedStyle(someDiv).getPropertyValue('position')); }); var element = document.querySelector('.some-div'); var style = window.getComputedStyle(element); var pos = style.position; console.log(pos);Prueba esto. La salida de la consola debe ser: "relativa"