jQuery: Is there a way to grab a HTML element's external CSS and append to its "Style" attribute? <p>Basically what i want to do is grab all CSS that is referenced in an external stylesheet e.g <code>&lt;link rel="stylesheet" href="css/General.css"&gt;</code> and append it to any existing styling for each HTML element in my page. (make all CSS inline)</p> <p>The reason for this is because i need to call <code>.html()</code> to grab a div and send to server to be made into a PDF. The downside with this tool is that it only recognises inline CSS.</p> <p>Are there any ways to do this?</p> <p>Edit: the question that was linked to mine as a "possible duplicate" spoke only of putting everything in the <code>&lt;style&gt;</code> tag. while that may be useful, im mainly concerned with loading into the <code>style=""</code> html atribute</p>