不使用JQuery选择HTML Element

最新推荐文章于 2021-06-16 01:57:51 发布

A_Rocky

最新推荐文章于 2021-06-16 01:57:51 发布

阅读量640

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/A_Rocky/article/details/78847178

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

ID document.getElementById('myElement'); 或者document.querySelector('#myElement');
Class document.getElementsByClassName('myElement');或者document.querySelectorAll('.myElement');
HTML标签document.getElementsByTagName('div');或者｀.querySelectorAll(‘div’);`
属性 document.querySelectorAll('[attr-name="val"]');
Pseudo-class document.querySelectorAll('#elmem :invalid');
子元素document.getElementById('holder').childNodes; 、document.getElementById('holder').children;或者document.querySelector('#holder > [disabled]');
后代元素`document.querySelectorAll(‘#holder A’);
排除 `document.querySelectorAll(‘DIV:not(.exclude)’);

document.querySelectorAll('h1, h2, p');

window.picker = function(selector) {
var selectorType = 'querySelectorAll';

if (selector.indexOf('#') === 0) {
    selectorType = 'getElementById';
    selector = selector.substr(1, selector.length);
}

return document[selectorType](selector);
};

Mozilla 文档
 You Don’t Need Jquery