sample: get border color from event.target element via window.getComputedStyle

by sii_side

HTML

<p class="p1">hoge</p>
<p class="p2">fuga</p>
<p class="p3">piyo</p>

CSS

.p1 { border: 1px solid #f00; }
.p2 { border: 1px solid #00f; }
.p3 { border: 1px solid #0f0; }

JavaScript

document.addEventListener("click", function(e) {
	var s = window.getComputedStyle(e.target, null);
  window.alert(s.borderColor);
}, false);