<!DOCTYPE html>
<style>
#target::before { content: "FAIL (string) "; }
</style>
<div id="target" my-attr="FAIL (attribute) ">test</div>
<script>
onload = function(){
var s = document.createElement("style");
s.textContent = "#target::before { content: attr(my-attr); }"
var head = document.querySelector("head");
head.appendChild(s);
target.offsetTop;
target.setAttribute("my-attr", "PASS ");
};
</script>