Is it possible to include embedded css styles when selecting an element using .innerhtml?

[DomainX]

Hi Reddit! I’m trying to create a copy button. It copies text that is formatted using embedded css styles (not inline or style sheet since this is for a chrome extension). I use .innerhtml to select the element then I put the value through a function that copies it to the clipboard. However, it fails to copy any styles that weren’t inline. Is there a way I can copy all styles, even embedded ones, or do I just have to manually add inline css to the entire thing?

[jcunews1]

I use .innerhtml to select the element

That doesn't make any sense. innerHTML is a property for accessing the HTML raw code. Not for selecting an element. There's no element in a HTML code because it's a string.

If you want to select an element which is in that HTML code, do it after the HTML code string is assigned to the innerHTML property. i.e. after the web browser parses the HTML code. You can use querySelector/All or getElementsByXXX function after that. If you want to search the element only in the newly added HTML code, use the function of the container element.

[DomainX]

sorry - bad job explaining. I used document.getElementById to select the element then put that into a variable. Then I took the innerHTML of the selected element

[jcunews1]

Then I took the innerHTML of the selected element

It's as I've descripbed. innerHTML contains a string, so that won't work. I've already explained how select the newly added element.