通过console面板对网页查找目标元素小结

chrome浏览器，F12开发者模式，console面板，查找目标元素一点小结：

1、getElementById一定能找到目标元素，无论是多少层级
2、querySelector层数太深就找不到，需要手动点开层级才能找到
3、jquery中的$()方法无论层数多少都能找到，如果网页没有jquery，可用下面代码添加进去：

var script = document.createElement('script');
script.src = "https://code.jquery.com/jquery-3.1.1.min.js";
document.getElementsByTagName('head')[0].appendChild(script);

注意，如果有框架iframe的时候，也可能找不到，此时也是需要先在Element面板中展开框架，上述代码才生效。