主页 / 问题 / 1053763
Accepted
svmitin
Asked:2020-12-03 21:31:11 +0800 CST2020-12-03 21:31:11 +0800 CST

如何遍历 <div> 的内容

  • 772

有一个 div，其内容是用 javascript 填充的。使用另一个脚本，我需要依次浏览这个 div 的内容，以便从每个嵌套的 div 中提取所需的所有内容

<div id="result">
  <div>
    <label>User 1</label><input type="text" id="1" value="11">
  </div>
  <div>
    <label>User 5</label><input type="text" id="5" value="55">
  </div>
  <div>
    <label>User 6</label><input type="text" id="8" value="88">
  </div>
</div>
javascript

1 个回答

  1. Best Answer

    不是理想的代码，但作为一个例子：

    let divs = document.querySelectorAll('#result > div');

divs.forEach(function(el){
  let children = el.children,
      label = children[0],
      input = children[1];
      
      console.log(
        label.textContent, 
        input.getAttribute('type'),
        input.getAttribute('id'),
        input.getAttribute('value')
      );
});
    <div id="result">
  <div>
    <label>User 1</label><input type="text" id="1" value="11">
  </div>
  <div>
    <label>User 5</label><input type="text" id="5" value="55">
  </div>
  <div>
    <label>User 6</label><input type="text" id="8" value="88">
  </div>
</div>

    • 4

相关问题