每天CookBook之JavaScript-055

  • 通过星号配合描述获取元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>055</title>
</head>
<body>
    <div class="red"></div>
    <div class="red"></div>
    <div class="red"></div>
    <div class="black"></div>
    <div class="black"></div>
</body>
<script type="text/javascript">
var elems = document.querySelectorAll('*[class]');
console.log(elems);

elems = document.querySelectorAll('*[class="red"]');
console.log(elems);

elems = document.querySelectorAll('div:not(.red)');
console.log(elems);
</script>
</html>
posted @ 2016-07-21 22:52  4Thing  阅读(78)  评论(0)    收藏  举报