访问器属性与dom元素获取

作业标题：0712作业
作业内容：

  1. 实例演示”访问器属性”,例如商品金额计算。
  2. 实例演示dom元素的获取,遍历与增删,方法不限于课堂上提及的,更多的可查阅mdn手册。

  • 访问器属性

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8" />
    5.   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    6.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    7.   <title>访问器属性</title>
    8. </head>
    9. <body>
    10.   <script>
    11.     let test = {
    12.       data: {
    13.         tops: "童装",
    14.         numbers: 40,
    15.         price: 50,
    16.       },
    17.       set numbers(numbers) {
    18.         if (numbers > 0 && numbers != null) {
    19.           return (this.data.numbers = numbers);
    20.         }
    21.         console.log("请输入合法数据");
    22.       },
    23.       set price(price) {
    24.         if (price > 0 && price != null) {
    25.           return (this.data.price = price);
    26.         }
    27.         console.log("请输入合法数据");
    28.       },
    30.       get numbers() {
    31.         return this.data.numbers;
    32.       },
    33.       get price() {
    34.         return this.data.price;
    35.       },
    36.       get tops() {
    37.         return this.data.tops;
    38.       },
    39.     };
    40.     test.price = 40;
    41.     test.numbers = 10;
    42.     console.log(test.tops + "总价为：" + test.numbers * test.price);
    43.   </script>
    44. </body>
    45. </html>

更多相关文章

  1. 字体样式调用、布局原则、盒模型等
  2. 0701学习实战作业
  3. 实例演示flex容器与项目中常用的属性
  4. 常用标签，属性，表格
  5. 模板字面量标签函数和解构赋值与对象字面量简化写法作业
  6. 变量常量数据类型与函数参数和返回值 匿名函数以及箭头函数作业
  7. 前端作业-flex布局
  8. 字体图标 盒模型作业
  9. 前端作业-在线QQ客服的固定定位&三行三列的定位布局

随机推荐

  1. Python 学习笔记二
  2. python 报错——Python TypeError: 'modu
  3. python获取外网IP并发邮件
  4. 在Python中，如何在使用WPF的程序中自动控
  5. CentOS下实现Flask + Virtualenv + uWSGI
  6. PySide-QtWebKit: CSS font-family没有效
  7. python学习笔记10（函数一）： 函数使用、调用
  8. python爬取csdn的博客内容
  9. 利用python Pandas进行数据预处理
  10. python 带正则的search 模块