Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>querySelectorAll的问题</title>
</head>
<body>
<div>
  
    <div id="my-id">
        <img id="inside">
        <div class="lonely"></div>
        <div class="outer">
            <div class="inner"></div>
        </div>
    </div>
</div>
</body>
</html>
 
var div = document.querySelectorAll('#my-id div div');
​
var divs = document.querySelector('#my-id').querySelectorAll('div div');
​
console.log(div.length);
​
console.log(divs.length);
​
//通过DOM非document获取使用querySelectorAll接口，基于当前的DOM元素也就是#my-id元素向里面进行匹配的，而不是基于整个页面查找匹配
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
liuyue2015pro
0viewers