sample: get css value by some ways

by sii_side

HTML

<p style="right: 20%; color: #f00;">hoge</p>

CSS

p {
  position: absolute;
}

JavaScript

var p = document.querySelector("p");
var r;

r = p.style.right;
console.log("style.right: " + r);
//styleプロパティを使う場合

r = p.getAttribute("style").match(/right\s*:\s*(.+?)\s*;/);
console.log("style attribute: " + r[1]);
//style属性から正規表現で抜き出す

r = $(p).css("right");
console.log("$.css: " + r);
//$.cssを使う場合

r = window.getComputedStyle(p).getPropertyValue("right");
console.log("getComputedStyle: " + r);
//getComputedStyleを使う場合