2015-10-10 25 views
-1

Javascript中是否有設置每個元素都有CSS屬性overflow: hidden爲每個元素設置`overflow:hidden`

我想做到這一點:

* {overflow: hidden} 

但隨着JavaScript和 JQuery的。

我也希望這個工作,如果一個新的元素在頁面上創建,就像它會如果我像上面的例子中使用CSS。

+9

爲什麼不只是添加到頁面作爲CSS規則,通過JavaScript? CSS引擎已經爲你做了這項工作,並且手動完成它是非常痛苦和容易出錯的。 – Eevee

+0

用javascript做到這一點是飽和的CPU處理器愚蠢。 CSS正是你所說的。 –

+0

並同意使它是痛苦和buggie。 –

回答

2

我找到了答案:

var style = document.createElement("style"); 
style.type = "text/css"; 
style.innerHTML = "* { overflow: hidden; }"; 
document.head.appendChild(style); 

最有效的,我能想到的。

+0

是'「* {overflow:hidden;}」HTML? –

+2

@SheraliTurdiyev,他們正在創建一個樣式元素,並將樣式規則添加到樣式元素的主體中。雖然'textContent' /'innerText'更適合使用屬性,因爲當你質疑它不是HTML –

+1

這正是我所說的,是的:) – Eevee

相關問題