我想知道我們是否可以從javascript更改html中標簽的css。我知道一種使用該標簽獲取所有元素的方法,document.getElementsbyTagName并使用 for 回圈來更改每個元素的 css 屬性......但是我正在尋找一種可能像這樣更緊湊的方法document.getElementsbyTagName("p").style.color = "red"
編輯:使用 .forEach 幾乎相同就像使用 for 回圈...。我不想使用這種方法,因為處理所有元素需要時間,尤其是當頁面縮放到有很多 p 標簽時。
uj5u.com熱心網友回復:
這是一個單一的班輪,少于這個是不可能的。
document.querySelectorAll("p").forEach(p => p.style.color = "red")
document.querySelectorAll("p").forEach(p => p.style.color = "red")
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
<p>Paragraph</p>
uj5u.com熱心網友回復:
你可以創建一個輔助函式來為你做這件事,也許是這樣的:
function doAll(tagName, action) {
document.querySelectorAll(tagName).forEach(action);
}
doAll("p", element => element.style.color = "red");
uj5u.com熱心網友回復:
我不確定是否可以在沒有回圈的情況下更改標簽樣式。雖然您可以通過使用 javascript更改樣式表的屬性來更改類或標記的樣式。
參考:在 Javascript 中更改類的 CSS? MDN 檔案參考:樣式表串列
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/465295.html
標籤:javascript html css
