获取页面元素2

比较querySelector和querySelectorAll获取页面元素区别

/*设置CSS样式*/
<style>
        #box{
            width: 200px;
            height: 200px;
            background-color: red;
        }
</style>

<div id="box" class="box" title="ahahah">
        盒子
</div>

1、通过querySelector获取元素

/*输出box的title属性*/
<script>
		var box=document.querySelector('#box');
        console.log(box.getAttribute('title'))
</script>

2、通过querySelectorAll获取元素

/*输出box的title属性*/
<script>
		var box=document.getElementByClassName('box');
		console.log(box[0].getAttribute('title'))
</script>