增加/删除标签，购物车的选择功能，管理系统的实现

一、增加标签，信息发布

1.  创建标签 document.createElement('标签名字');
2.  增加内容 .innerHTML=( 改变内容)
3. a.appendChild(b)把b追加到a内部的后面
4.  控制表单元素的值

      获取值：获取标签.value

         修改值：获取标签.value='值'

发布案件案例

 

二、标签的增加和删除

        1、document.createElement('标签名字');增加标签

        2、a.appendChild(b) 把b追加到a的内部，即a为b的父级

        3、a.parentNode.removeChild(a) 删除a标签，

        4、this代表着在这次事件中用户所操作的标签

三、事件的另一种书写方式

     通过属性的方式增加事件  on+事件类型="函数名字(this)" this代表当前的标签 触发事件以后，会执行函数

·

 

四、全选、全不选、反选（购物车的选择功能）

• id名唯一的，可以直接通过id名获取标签(此时取id名字的时候，需要遵循变量的命名规则) 只有id名才可以
• 社区方法：控制标签属性
• 属性的控制，社区方法和官方方法不能混合使用
• 增加/修改标签属性  获取标签.属性名字(如果是class需要变成className)='值'
• 获取属性的值       获取标签.属性名字
• 全选 box.checked=true
• 全不选 box.checked=false
• 反选   box.checked=!box.checked

 

 

 

五、管理系统的实现

• document.getElementsByClassName()通过类名获取标签，的到的是数组，通过下标进行控制
• 克隆标签 a.cloneNode()克隆a  如果里面什么都不写，代表不克隆内容。也可以加true 代表克隆内容
• a.insertBefore(b,c);  把b追加到c同级之前 a是c的父级

• 

六、发微博事件

七、商品的增减 的事件

Disabl 表示input框能否被修改

模板字符串 进行常量和变量的拼接  `${变量}`(反引号，英文情况1左边的键)