可以通過JavaScript更改元素，例如<html>的樣式嗎？

我知道你可以選擇一個特定的id'd元素並使用GetElementById通過JavaScript改變它的樣式，我知道有一種方法可以用類來完成。可以通過JavaScript更改元素，例如<html>的樣式嗎？

但是有沒有辦法改變與html標籤，body標籤或p標籤相關的樣式？換句話說，你可以用JavaScript來改變一個元素的CSS，如果是的話，怎麼樣？這與通過選擇id或class來改變元素形成對比。

特別是，我期待在頁面加載後通過JavaScript看到以下內容。

<style> 
    html { 
    height: 100%; // Just looking to add this height attribute 
    } 
</style>

感謝您的幫助。我正在努力尋找解決方案。

是的，這是可能的 – Dorvalla 2014-09-26 20:18:25

是的，你可以使用的getElementsByTagName：

document.getElementsByTagName('html')[0].style.height = '100%';

或者，你可以使用querySelector還有：

document.querySelector('html').style.height = '100%';

對於這種重複的標籤，p tags，你可以使用querySelectorAll並在它們之間迭代：

var ps = document.querySelectorAll('p'); 
for(var i=0;i<ps.length;i++){ 
    ps.style.height = '100%'; 
}

2014-09-26 20:13:47

我設置並獲取html屬性與js使用attr

$(this).attr('height');

如果這是您要找的內容？

2014-09-26 20:20:14 user2764108

該OP即將香草javascript .... – 2014-09-26 20:20:48

好吧，我需要讀兩次的問題 – user2764108 2014-09-26 20:22:20

回答