炎炎設(shè)計(jì)
2023-07-20 10:39:53
我有一個像這樣的index.html:<div id="mydiv"> Text inside div <h1> Header inside div </h1></div><h1> Header outside div</h1>我的 style.css 看起來像這樣:#mydiv h1 { color: blue;}要使用 JS 更改“div 內(nèi)的文本”的顏色,我可以這樣做:document.getElementById("mydiv").style.color = "red";但是如何僅使用 JS 更改“div 內(nèi)的頁眉”的顏色呢?(無需修改 HTML 或 CSS 或更改 div 外部的 h1)
2 回答

慕娘9325324
TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個贊
使用document.querySelector,您可以選擇選擇器h1內(nèi)的標(biāo)簽#mydiv。
document.getElementById("mydiv").style.color = "red";
document.querySelector("#mydiv h1").style.color = "yellow";
#mydiv h1 {
color: blue;
}
<div id="mydiv">
Text inside div
<h1>
Header inside div
</h1>
</div>
<h1>
Header outside div
</h1>

心有法竹
TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個贊
這是一種方法
document.querySelector('#mydiv h1').style.color = "green";
這將選擇 div 內(nèi)的 h1 元素。
使用功能document.querySelector
非常強(qiáng)大,使操作變得如此簡單。
添加回答
舉報
0/150
提交
取消