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操作
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操作
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操作
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操作
5.after():添加元素到元素后面
6.before():添加元素到元素前面
7.insertAfter()
8.insertBefore()
9.remove():移除元素
10.empty():清空元素的所有后代元素