这是 HTML 代码:
<ul id="current">
<li class="session">
<dl>
<dt>Mumbai, Maharashtra, India</dt>
<dd>Approximate location</dd>
<dt>Safari on Mac OS X</dt>
<dt>IP Address:</dt>
<dd>110.227.252.240</dd>
</dl>
</li>
我想要所有dt
和dd
元素
尝试以下操作querySelectorAll()
:
let dt = document.querySelectorAll('#current > .session > dl > dt');
let dd = document.querySelectorAll('#current > .session > dl > dd');
dt.forEach(function(el){
el.style.color = 'blue';
});
dd.forEach(function(el){
el.style.color = 'red';
});
<ul id="current">
<li class="session">
<dl>
<dt>Mumbai, Maharashtra, India</dt>
<dd>Approximate location</dd>
<dt>Safari on Mac OS X</dt>
<dt>IP Address:</dt>
<dd>110.227.252.240</dd>
</dl>
</li>
</ul>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句