访问器属性 get set

  1. <script>
  2. let j={
  3. data:{
  4. id:1,
  5. name:2,
  6. qq:3,
  7. },
  8. get Id(){
  9. return(this.data.id)
  10. },
  11. // 访问年龄 将传统的方法伪装成属性 小写开头
  12. get Qq(){
  13. return this.data.qq
  14. },
  15. // 设置年龄 方法->属性 伪装成方法的属性,访问器属性
  16. set Qq(a){
  17. if(a.length<=5){
  18. this.data.qq=a
  19. }else{
  20. console.log('非法请求')
  21. }
  22. },
  23. }
  24. console.log(j.Id)
  25. j.Qq='611111'
  26. console.log(j.Qq)
  27. </script>

获取dom元素

获取一组元素

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

获取第一个元素

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

选择body

  1. x=document.querySelector('body')
  2. console.log(x)
  3. // 或者
  4. console.log(document.body)

更多相关文章

  1. CSS:定位与定位元素-复习
  2. android:windowSoftInputMode属性使用
  3. Android(安卓)相对布局(Relative Layout)
  4. android 界面布局 很好的一篇总结
  5. android布局 LinearLayout和RelativeLayout
  6. Activity 属性设置参数说明
  7. Android属性动画Property Animation系列二之ObjectAnimator
  8. Android(安卓)自定义属性 attr format取值类型
  9. [android]控件EditText常用属性

随机推荐

  1. 算法 - 给出一个字符串str,输出包含两个
  2. JavaScript unshift()函数移入数据到数组
  3. 《JavaScript 高级程序设计》学习总结六(1
  4. OSGi 学习之路(4) - osgi的模块化 java在模
  5. POST json和图像到服务器android
  6. linux下安装zookeeper报错Syntax error:
  7. 3D相机缩放并遵循java中的物理特性?
  8. 为什么HttpUrlConnection在移动数据连接
  9. Thrift项目Server端开发流程
  10. Akka ZeroMQExtension使用一个zeromq套接