访问器属性与获取dom元素方法学习

一、访问器

（1）常规属性

        let user = {
            // 常规属性
            data:{
                name: '张三',
                age: 20
            },
            // 获取年龄
            getAge(){
                return this.data.age;
            },
            // 设置年龄
            setAge(age){
                this.data.age = age;
            }
        };
        console.log(user.getAge());
        user.setAge(35);
        console.log(user.getAge());

（2）访问器属性

• 将传统的方法,伪装成属性的方法
• 访问器属性,本质上还是方法,调用时,用的属性访问的语法

        user = {
            // 常规属性
            data:{
                name: '张三',
                age: 20
            },
            // 获取年龄=>访问器属性
            get age(){
                return this.data.age;
            },
            // 设置年龄=>访问器属性
            set age(age){
                this.data.age = age;
            }
        };
        console.log(user.age);
        user.age=19;
        console.log(user.age);

二、获取dom元素

（1）querySelectorAll(selector):返回一组元素

        const items = document.querySelectorAll('.item');
        items.forEach((item)=>{
            item.style.color = 'red';
        })

（2）querySelector：返回一组元素中的第一个,只返回一个,而不是一组

        const firstItem = document.querySelector('.item');
        firstItem.style.color='yellow';

（3）快速获取元素

        console.log(document.body);
        console.log(document.head);
        console.log(document.title);