how to add css styling inside javascript?

Question

Actually i am using iframe element in html page but it is inside tag which means javascript. so I want to add css to that iframe element, how can I do that? Can someone help please

Michael · Accepted Answer · 2020-05-20 10:09:20Z

2

Styles from the parent will not be applied to the document within the iframe. The best solution is to add the stylesheet to the document in the iframe. Either via javascript or creating a template page to load in via src.
Something like:

var head = doc.head
var link = doc.createElement('link')
link.type = 'text/css'
link.rel = 'stylesheet'
link.href = ...src...
head.appendChild(link)

This is an example: link

answered May 20, 2020 at 10:09

Michael

1,8722 gold badges14 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Emir Tanır · Accepted Answer · 2020-05-20 13:21:20Z

0

yourElement.style.attribute = value

for example

var button = document.getElementById("btn")
button.style.color = "red"
button.style.marginTop = 0;

when writing css in javascript you must use camel case css for example type marginTop not type the margin-top

answered May 20, 2020 at 13:21

Emir Tanır

427 bronze badges

Collectives™ on Stack Overflow

how to add css styling inside javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related