selecting generated content

by danield770

HTML

<div id="div1" data-generated="world!">Hello </div>

CSS

div:after {
    content: attr(data-generated);
    display:none;
}

JavaScript

String.prototype.unquoted = function (){return this.replace (/(^')|('$)/g, '')}

var element = document.getElementById('div1');

var content = window.getComputedStyle(
	element, ':after'
).getPropertyValue('content');

element.innerHTML = element.innerHTML + content.unquoted();

console.log(content.unquoted());