Почему не показывает style.left(пример в песочнице)?

Question

[PorsheCaren]

Подскажите пожалуйста, почему не показывает позицию блока и как этого добиться(условия стиля блока менять нельзя)?
https://www.w3schools.com/jsref/tryit.asp?filename...
В примере был такой же запрос, но у меня не показывает ничего
https://jsfiddle.net/hbqwsp8q/2/

Answer 1

[display: block]

1. position.style - стили элемента из аттрибута стайл
2. в css указан только right - читать из css нет смысла
3. element.getBoundingClientRect();
4. ???
5. https://jsfiddle.net/gLyr24po/1/

Comments

[PorsheCaren]

спасибо, а как получать ее значения left,top и right таким способом?

[display: block]

PorsheCaren: Что? В фиддле же всё есть.

• element.getBoundingClientRect().top
  
• element.getBoundingClientRect().right
  
• element.getBoundingClientRect().bottom
  
• element.getBoundingClientRect().left
  

[PorsheCaren]

display: block: сорян, не заметил, а то mdn об этом ни слова (

Answer 2

[Severus256]

onclick="myFunction()"

Нужно навесить вашу функцию на кнопку:

<button type="button" onclick="show()">Click</button>

Вот так :)