attribute与property

标签：TE   dataset   情况   move   ble   div   ase   table   box   

###1.什么是attribute，什么是property

        html标签的预定义和自定义属性我们统称为attribute

        js原生对象的直接属性，我们统称为property

###2.什么是布尔值属性，什么是非布尔值属性

        property的属性值为布尔类型的  我们统称为布尔值属性

        property的属性值为非布尔类型的  我们统称为非布尔值属性

###3.attribute和property的同步关系

        非布尔值属性：实时同步

        布尔值属性：

                 property永远都不会同步attribute

                 在没有动过property的情况下

                         attribute会同步property

                 在动过property的情况下   

                         attribute不会同步property

###4.用户操作的是property

###5.浏览器认的是property 

 input.setAttribute("name","sport");

input.name = "123"; 

一般我们对布尔值操作使用$.prop(),对非布尔值操作使用$.attr();//  

2：class的操作（除了classname进行操作）classlist表示的新的

testNode.classList.add("qhf4");

testNode.classList.remove("qhf1");

testNode.classList.toggle("qhf2");

3:自定义属性data-ax-qs="qhf";

testNode.dataset. 对自定义属性进行操作;

4:内容可编辑

  contenteditable="true"

例如：<div class="box1" contenteditable="true">

                         Dfsdfsf//内容区的值可以被编辑

                 </div>

attribute与property

标签：TE   dataset   情况   move   ble   div   ase   table   box   

原文地址：https://www.cnblogs.com/love-life-insist/p/9136524.html