访问器属性 获取dom元素

发布于：2022-05-19 12:39:39  栏目：技术文档

访问器属性 get set

<script>
        let j={
            data:{
                id:1,
            name:2,
            qq:3,
            },
            get Id(){
               return(this.data.id)
            },
           // 访问年龄 将传统的方法伪装成属性 小写开头
           get Qq(){
              return this.data.qq
            },
            // 设置年龄 方法->属性 伪装成方法的属性，访问器属性
            set Qq(a){
      if(a.length<=5){
        this.data.qq=a
      }else{
console.log('非法请求')
      }
            },
        }
        console.log(j.Id)
        j.Qq='611111'
        console.log(j.Qq)
    </script>

获取dom元素

获取一组元素

let q=(document.querySelectorAll('.item'))
    for(i=0;i<q.length;i++){
        console.log(q[i])
        q[i].style.color='green'
    }

获取第一个元素

 let x=document.querySelector('.item')
    x.style.color='blue'

选择body

  x=document.querySelector('body')
console.log(x)
// 或者
console.log(document.body)

相关推荐