javascript 从列表中获取图像

Question

<ul class="">
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
    <li><img src="" alt=""/></li>
</ul> 

我对 jquery 有很好的了解，我知道我可以使用 children 或 find 或 directly..但是我想学习 javascript 并且想用 js 来做.. 我想从所有列表中选择图像标签，但我做不到，请您简要解释一下。我想尽快学习 js 以换工作，您能帮忙吗..

我试过的代码

var i;     
var parent = document.getElementById('right');
var lis = par.getElementsByTagName('p');
for(i=0;i<lis.length;i++){
//wat to do here

}

Answer 1

你需要一些改变，比如，

var i;
var parent = document.getElementById('right');
var lis = parent.children;
for (i = 0,l=lis.length; i < l; i++) {
  //wat to do here
  // getting alt for example
  console.log(lis[i].children[0].getAttribute('alt'));
}

<ul id="right">
  <li>
    <img src="" alt="1" />
  </li>
  <li>
    <img src="" alt="2" />
  </li>
  <li>
    <img src="" alt="3" />
  </li>
  <li>
    <img src="" alt="4" />
  </li>
  <li>
    <img src="" alt="5" />
  </li>
  <li>
    <img src="" alt="6" />
  </li>
  <li>
    <img src="" alt="7" />
  </li>
</ul>

ul 中标签名称的另一个选项，例如，

var parent = document.getElementById('right');
var lis = parent.getElementsByTagName('img'); // get img tags in ul
for (i = 0,l=lis.length; i < l; i++) {
  //wat to do here
  // getting alt for example
  console.log(lis[i].getAttribute('alt'));
}