Javascript的增删改查

javaScript的增删改查

###获取元素

1,标准DOM  API

     document.getElementById

     document.getElementsByTagName

     document.getElementsByName

     document.getElementsByClassName

     document.querySelectorAll

2,亲属访问

3,属性获取

     getAttribute

      getAttributeNode

*******************************************************************************

###增加

1,创建

document.createElement   创建元素节点

document.createTextNode   创建文本节点

document.createAttribute   属性节点

innerHTML

innerText

cloneNode()

2,加入

appendChild

innerHTML

insertBefore

注意insetBefore()用法:父元素.insertBefore(新元素,旧元素);//将新元素插入到就元素的前面

3,其他

style的操作

setAttribute(属性名,属性值)

******************************************************************************

###删除

1,删除元素

     removeChild

     removeAttributeNode

1,修改节点

     删除节点再加入

2,修改样式

     style.xxx=vvv;

     setAttribute

     innerHTML

     innerText

     节点操作

     nodeValue

4,修改属性

   .xxx=vvv;

   setAttribute


补充:DOM树(从一个中心节点访问其所有的直系亲属节点)

访问父节点:parentNode

访问上一个兄弟节点:previousSibling

访问下一个兄弟接待:nextSibing

访问第一个属性节点:sttributes[1]

访问最后一个子节点:lastChild或childNodes[childNodes.length-1]

### JavaScript 中实现增删改查操作 在JavaScript中,可以利用数组来模拟简单的增删改查(CRUD)操作。下面是一个基于数组的例子: #### 创建(Create) 创建新条目意味着向数据集合中添加新的记录。 ```javascript let data = []; // 初始化一个空的数据集 function addRecord(record) { data.push(record); } ``` 此函数接受一个新的`record`对象作为参数并将其加入到`data`数组中[^1]。 #### 查询(Retrieve/Read) 查询是指获取已有的数据项或列表。 ```javascript function getAllRecords() { return data; } // 获取特定索引处的记录 function getRecord(index) { if (index >= 0 && index < data.length) { return data[index]; } console.error('Index out of bounds'); } ``` 上述代码展示了两种方式:一种是从整个数据集中检索所有记录;另一种则是通过指定位置来访问单个元素。 #### 更新(Update) 更新涉及修改现有数据中的某些字段而不改变其他部分。 ```javascript function updateRecord(index, updatedFields) { if (index >= 0 && index < data.length) { Object.assign(data[index], updatedFields); // 合并旧的对象与新的属性 } else { console.error('Index out of bounds'); } } ``` 这段脚本允许开发者根据给定的位置以及要更改的新键值对来调整选定的数据项。 #### 删除(Delete) 删除指的是移除不再需要的数据实体。 ```javascript function deleteRecord(index) { if (index >= 0 && index < data.length) { data.splice(index, 1); // 移除位于指定索引的一个项目 } else { console.error('Index out of bounds'); } } ``` 这里使用了`splice()`方法来有效地从数组中剔除目标成员。 以上就是基本的CRUD操作模式,在实际应用开发过程中可能会涉及到更复杂的逻辑处理和错误检查机制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值