Hola a todos, estoy tratando de consola. registrar la propiedad superior de un elemento en javascript, pero lo único que veo en la consola es una línea en blanco.
Además, cuando intento usar el elemento console.dir, la propiedad superior es una cadena vacía, aunque configuré la propiedad superior en 100 px.
La pregunta es cómo muestro la propiedad superior de un elemento usando .style.top
CSS
img { width: 100px; position: absolute; top: 100px; left: 10px; }HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Coin Game Starter</title> <link rel="stylesheet" href="app.css"> </head> <body> <img id="player" src="https://media.tenor.com/images/0791eb3858075aca85eed5ecfe08c778/tenor.gif" alt=""> <img id="coin" src="https://myrealdomain.com/images/gold-coin-gif-1.gif" alt=""> <script src="app.js"></script> </body> </html>JS
let player = document.querySelector("#player").style.top console.log(player)Para obtener las propiedades CSS de Javascript.
var element = document.getElementById('player'); var styles = window.getComputedStyle(element); var top = styles.getPropertyValue('top'); console.log(top); // 100px