如何在 javascript 中添加 css 樣式？

Question

實際上，我在 html 頁面中使用 iframe 元素，但它在標簽內，這意味着 javascript。 所以我想將 css 添加到那個 iframe 元素，我該怎么做？ 有人可以幫忙嗎

Answer 1

來自父級的 Styles 不會應用於 iframe 內的文檔。 最好的解決方案是將樣式表添加到 iframe 中的文檔中。 通過 javascript 或創建模板頁面以通過 src 加載。
就像是：

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

這是一個例子：鏈接

Answer 2

yourElement.style.attribute = value

例如

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

在 javascript 中寫入 css 時，您必須使用駝峰式 css 例如類型marginTop不鍵入margin-top