DOM操作

分类

1.内容操作

2.属性操作

3.CRUD操作

使用方法

1.内容操作

①html():

获取/设置元素的标签体内容。

②text():

获取/设置元素的标签体纯文本内容

③val():

获取/设置元素的value属性值

2.属性操作

Ⅰ、通用属性操作

①attr():访问和设置HTML属性。

②removeAttr():删除HTML属性。

③prop():访问和设置DOM属性(JavaScript对象的属性)

④removeprop():删除DOM属性(JavaScript对象的属性)

Ⅱ、对class属性操作

①addClass():添加class属性值

②removeClass():删除class属性值

③toggleClass():切换classs属性值

Ⅲ、CRUD操作

image-20240723093146041

5.after():添加元素到元素后面

6.before():添加元素到元素前面

7.insertAfter()

8.insertBefore()

9.remove():移除元素

10.empty():清空元素的所有后代元素

分类

1.内容操作

2.属性操作

3.CRUD操作

使用方法

1.内容操作

①html():

获取/设置元素的标签体内容。

②text():

获取/设置元素的标签体纯文本内容

③val():

获取/设置元素的value属性值

2.属性操作

Ⅰ、通用属性操作

①attr():访问和设置HTML属性。

②removeAttr():删除HTML属性。

③prop():访问和设置DOM属性(JavaScript对象的属性)

④removeprop():删除DOM属性(JavaScript对象的属性)

Ⅱ、对class属性操作

①addClass():添加class属性值

②removeClass():删除class属性值

③toggleClass():切换classs属性值

Ⅲ、CRUD操作

image-20240723093146041

5.after():添加元素到元素后面

6.before():添加元素到元素前面

7.insertAfter()

8.insertBefore()

9.remove():移除元素

10.empty():清空元素的所有后代元素操作

分类

1.内容操作

2.属性操作

3.CRUD操作

使用方法

1.内容操作

①html():

获取/设置元素的标签体内容。

②text():

获取/设置元素的标签体纯文本内容

③val():

获取/设置元素的value属性值

2.属性操作

Ⅰ、通用属性操作

①attr():访问和设置HTML属性。

②removeAttr():删除HTML属性。

③prop():访问和设置DOM属性(JavaScript对象的属性)

④removeprop():删除DOM属性(JavaScript对象的属性)

Ⅱ、对class属性操作

①addClass():添加class属性值

②removeClass():删除class属性值

③toggleClass():切换classs属性值

Ⅲ、CRUD操作

image-20240723093146041

5.after():添加元素到元素后面

6.before():添加元素到元素前面

7.insertAfter()

8.insertBefore()

9.remove():移除元素

10.empty():清空元素的所有后代元素

分类

1.内容操作

2.属性操作

3.CRUD操作

使用方法

1.内容操作

①html():

获取/设置元素的标签体内容。

②text():

获取/设置元素的标签体纯文本内容

③val():

获取/设置元素的value属性值

2.属性操作

Ⅰ、通用属性操作

①attr():访问和设置HTML属性。

②removeAttr():删除HTML属性。

③prop():访问和设置DOM属性(JavaScript对象的属性)

④removeprop():删除DOM属性(JavaScript对象的属性)

Ⅱ、对class属性操作

①addClass():添加class属性值

②removeClass():删除class属性值

③toggleClass():切换classs属性值

Ⅲ、CRUD操作

image-20240723093146041

5.after():添加元素到元素后面

6.before():添加元素到元素前面

7.insertAfter()

8.insertBefore()

9.remove():移除元素

10.empty():清空元素的所有后代元素