Получить значение элемента CSS с помощью JS и jQuery ⇐ Jquery

[Anonymous]

Я вставляю CSS тремя способами

• Внутренний стиль (p1)
• Внутренняя таблица стилей (p2)
• Внешняя таблица стилей (p3)

Я хочу получить ценность CSS в каждом с помощью JavaScript и jQuery.
Я не могу получить значение p2, p3 так же, как p1. Что не так?

Код: Выделить всё

window.onload = abc();

function abc(){
var p1 = document.getElementById('p1').style.height;
document.getElementById('p1').innerHTML = p1;
var p2 = document.getElementById('p2').style.width;
document.getElementById('p2').innerHTML = p2;
var p3 = document.getElementById('p3').style.height;
document.getElementById('p3').innerHTML = p3;
}

Код: Выделить всё

#p3{
width: 200px;
height: 200px ;
background-color: aqua ;
}

Код: Выделить всё

CSS Element output



CSS output element property
check p1
check p2

#p2{
height:50px;
width:400px;
background-color: bisque
}

check p3

Подробнее здесь: https://stackoverflow.com/questions/394 ... and-jquery