DOM节点的基础操作
2024-09-25 06:33:41
1.寻找节点
//寻找节点 id方法
document.getElementById(); //标准
//寻找节点层次方法
parentNode()、firstChild()和lastChild();
-查找兄弟一个节点
previousSibling
-查找后一个节点
nextSibling
//根据签名查找节点
document.getElementsByTagName();返回数组
//根据name查找节点
getElementsByName();
2.创建一个新节点
//elementName:要创建的元素标签名 在返回创建的节点
var li= document.createElement("li"); 这里创建了一个li节点
//设置节点信息
li.innerHTML="...";
//添加新的节点
-追加方式
var ul = document.getElementById("ul");
ul.appendChild(li) //像节点里面插入新创建的节点
ul.insertBefore(document.getElementById("li"),li) //插入其节点前面
3.删除节点
node.removeChild(child)
说明 child必须是node的子节点
最新文章
- [原创]java WEB学习笔记106:Spring学习---AOP的通知 :前置通知,后置通知,返回通知,异常通知,环绕通知
- AVSampleBufferDisplayLayer----转
- A problem about rcssserver3d
- git设置hooks 钩子
- ThinkPHP3.2.2中开启REWRITE模式
- HDU 4717 The Moving Points(三分)
- R语言日期时间函数
- Android-使用getIdentifier()获取资源Id
- js showModalDialog打开新的页面给原页面传值问题
- Things About 'extern'
- 最新版Solr 7.2安装配置
- ORACLE收集统计信息
- .net MVC +EF+VUE做回合制游戏(一)
- 剑指offer(32)把数组排成最小的数
- MVC 深入讲解Routing _路由规则【八】
- react-router解决锚点跳转问题
- 大数据入门第十六天——流式计算之storm详解(一)入门与集群安装
- word2vec中的数学原理一 目录和前言
- 一个登陆浏览api接口; 其他相关: Form_with参数的不同写法; 简单使用curl。
- 关于HTTP协议(未完)
热门文章
- 安装配置OSA运维管理平台
- Atitit mybatis快速开发 的sql api接口
- 无意识(无知)-->;有意识-->;进入潜意识-->;无意识(本能状态)
- argparse - 命令行选项与参数解析
- linux每日命令(18):whereis命令
- 一篇文全面了解DevOps:从概念、关键问题、兴起到实现需求
- 【6集iCore3_ADP触摸屏驱动讲解视频】6-2 基于FSMC总线的ARM与FPGA通信
- Repeater数据控件的两个重要事件ItemDataBound 和 ItemCommand
- Halcon算子学习
- one-to-all及all-to-all网络通信模式