attribute与property

Posted 2020-11-10 INSTANCE_SELF

###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>