DOM操作之CRUD操作

简介: 1.append():父元素将子元素追加到末尾对象1.append(对象2):将对象2添加到对象1元素内部,并且在尾部2.prepend():父元素将子元素追加到开头对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头3.appendTo():对象1.appendTo(对象2):将对象1添加到对象2内部,并且在尾部4.prependTo():对象1.prependTo(对象2):将对象1添加到对象2内部,并且在开头5.after():添加元素到元素后面对象1.after(对象2):将对象2添加到对象1后面。对象1和对象2是兄弟关系

DOM操作之CRUD操作



1.append():父元素将子元素追加到末尾


对象1.append(对象2):将对象2添加到对象1元素内部,并且在尾部


2.prepend():父元素将子元素追加到开头


对象1.prepend(对象2):将对象2添加到对象1元素内部,并且在开头


3.appendTo():


对象1.appendTo(对象2):将对象1添加到对象2内部,并且在尾部


4.prependTo():


对象1.prependTo(对象2):将对象1添加到对象2内部,并且在开头


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


对象1.after(对象2):将对象2添加到对象1后面。对象1和对象2是兄弟关系

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


对象1.before(对象2):就对象2添加到对象1前面。对象1和对象2是兄弟关系


7.insertAfter():


对象1.insertAfter(对象2):就对象2添加到对象1后面。对象1和对象2是兄弟关系


8.insertBefore():


对象1.insertBefore(对象2):将对象2添加到对象1前面。对象1和对象2是兄弟关系


9.remove():移除元素


对象.remove():就对象删除掉


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


对象.empty():将对象的后代元素全部清空,但是保留当前对象以及其属性节点


相关文章
|
29天前
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
16 1
|
29天前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
11 1
|
1月前
|
JavaScript 前端开发
如何使用 JavaScript 操作 DOM?
如何使用 JavaScript 操作 DOM?
13 0
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:什么是事件委托(Event Delegation)?有什么优势?
JavaScript DOM 操作:什么是事件委托(Event Delegation)?有什么优势?
55 1
|
4月前
|
JavaScript 前端开发
JavaScript DOM 操作:如何动态创建和插入元素?
JavaScript DOM 操作:如何动态创建和插入元素?
42 1
|
4月前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下 `innerHTML` 和 `textContent` 的区别。
JavaScript DOM 操作:解释一下 `innerHTML` 和 `textContent` 的区别。
42 1
|
5天前
|
存储 JavaScript 前端开发
JavaScript DOM 操作:解释一下 cookie、sessionStorage 和 localStorage 的区别。
Cookie是服务器发送至客户端的文本信息,会随每个请求发送回服务器,适合控制会话状态但可能暴露隐私。SessionStorage仅在当前会话中存储数据,关闭浏览器后清除,适合临时存储如登录状态。LocalStorage则持久保存数据,即使关闭浏览器也不会清除,适用于存储长期设置。三种方式各有侧重,应按需求选择。
10 0
|
5天前
|
JavaScript 前端开发 安全
JavaScript DOM 操作:解释一下浏览器的同源策略。
**同源策略**是浏览器安全基石,它阻止脚本跨不同协议、域名或端口访问资源,防止恶意行为。例如,HTTP页面无法直接用JS获取HTTPS页面内容。**CORS**允许跨域请求,但需服务器配合设置,通过`document.domain`属性可配置,但仍受限于服务器配置。
10 4
N..
|
25天前
|
JavaScript 前端开发 容器
jQuery中的DOM操作
jQuery中的DOM操作
N..
13 1
|
30天前
|
前端开发 JavaScript Java
第四章使用jQuery操作DOM元素
第四章使用jQuery操作DOM元素
9 0