Question

以下是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元素

Answer 1

使用document.querySelectorAll获取所有元素

 var x = document.querySelectorAll("dt");

 var y = document.querySelectorAll("dd");

如果要更改其任何属性，请使用for循环

var i;
for (i = 0; i < x.length; i++) {
    x[i].style.color = "red";
}

Answer 2

使用querySelectorAll()：

尝试以下操作

＆＃13;

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';
});

＆＃13;

<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>

＆＃13;

如何获得所有＆＃34; dt＆＃34;和＆＃34; dd＆＃34;元素使用Javascript

2 个答案: