所以,NodeList 本质上是一个动态的 Node 集合,只是规范中对 querySelectorAll 有明确要求,规定其必须返回一个静态的 NodeList 对象。 我们再看看在 Chrome 上面是个什么样的情况: document.querySelectorAll('a').toString();// return "[object NodeList]"document.getElementsByTagName('a').toString();// r...
document.getElementById 可以查询纯数字的id dom.querySelector document.querySelectorAll(’[id=“111”]’) 在某个dom下寻找相应选择器的元素 背景 产品反馈项目系统模板复制之后,元素无法拖拽。经排查发现元素继承自move组件。而每个元素绑定的id竟然纯数字;复制模板之后由于项目的复杂性无法统一的对复制出来的模板...
1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素,例如document.querySelectorAll('.ubox')[0],表示获取第一个。 返回的结果是静态的,之后对document结构的改变不会影响...
document.getElementBy...系列接收的参数只能是单一的className、tagName 和 name;而document.querySelectorAll方法接收的参数是一个CSS选择符 2. 用法 1. document.getElementBy... document.getElementsByTagName('p'); document.getElementById('p1'); document.getElementsByClassName('text'); 2.匹配指定 CSS ...
document.getElementById('p1'); document.getElementsByClassName('text'); document.querySelector 获取的是静态集合 用法:匹配指定 CSS 选择器元素,可以匹配多个,用,隔开 document.querySelector('.text'); //方法返回类名为text的第一个子元素 。
document.getElementsByTagName('p');document.getElementById('p1');document.getElementsByClassName('text');document.querySelector 获取的是静态集合 用法：匹配指定 CSS 选择器元素，可以匹配多个，用，隔开 document.querySelector（'.text'）； //方法返回类名为text的第一个子元素 。docum...
document.querySelector(); css选择器,IE7及以下不兼容,并且不具有实时性。 document.querySelectAll(); 节点类型: 元素节点 1 属性节点 2 文本(text)节点 3 // 文本、空格、回车等都是文本节点 注释(comment)节点 8 document节点 9 documentfragment 11 ...
use document.querySelector("#your-id"), effectively emulating document.getElementById() function; use document.querySelectorAll(".your-class"), effectively emulating document.getElementsByClassName() function; use document.querySelectorAll("form") instead of document.forms, and document.querySelector...
getElementById vs. querySelector. You can use querySelector if there is no ID and you have to use e.g. getElementsByClassName which isn't supported <= IE8 window.setTimeout(function () { document.getElementById("pay").click() }, 2000); Share Improve this answer Follow edited Mar...
var box = document.getElementById('box'); var lis = document.querySelectorAll('li'); var spans = document.querySelectorAll('span'); console.log(box.parentNode); //body console.log(document.body.parentNode); //html console.log(document.parentNode) / null ...