dom 操作
1.dom 的查找
(1)根据id 查找
var object = document.getElementById("id 值");
(2)根据 name 查找:返回 dom 对象的数组;
var arr = document.getElementByName("name");
(3)根据 标记名查找:返回dom对象的数组;
var arr = doucument.getElementByTagName("标记名");
2.dom 的遍历(有浏览器兼容性问题,建议少用)
childNodes : 所有字节点dom对象;
firstChild : 第一个节点dom对象;
lastChild : 最后一个dom子节点对象;
parentNode : 父节点对象;
previousSblings : 上一个同胞对象;
nextSblings : 下一个同胞对象;
3. dom的创建与添加
创建: var input = document.createElement("input");
添加: appendChild(); --尾部添加;
insertBefore(); --插入添加;
replaceChild(); --替换添加;
4.dom 的删除
removeChild();
格式:父对象.removeChild(子节点对象);
5.table表格应用:
rows:table中所有的行对象数组;
insertRow(index);从0开始 添加行元素;
deleteRow(index);删除指定的行;
rowIndex: 行在table 中的下标位置;
cells:行中所有单元格的对象数组;
insertCell(index);添加单元格;
deleteCell(index);删除单元格;
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步