【js】day06_DOM
本文共 1043 字，大约阅读时间需要 3 分钟。
【js】day06_DOM
1）DOM概述
-Document Object Model -DOM节点树如图：
2)读取、修改节点
-节点信息 nodeName：节点名称 元素节点和属性节点：标签或属性名称 文本节点：永远是#text 文档节点：永远是#document nodeType：节点类型 元素节点--1 属性节点--2 文本节点--3 注释节点--8 文档节点--9 -元素节点内容 innerText -设置或获取位于对象起始和结束标签内的文本 innerHTML -设置或获取位于对象起始和结束标签内的 HTML -节点属性 getAttribute():根据属性名获取属性值 setAttribute()、removeAttribute() -元素节点样式 style属性 node.style.color node.style.fontSize className属性eg：day06.demo3.html
图片轮播
3）查询
-根据id查询节点 document.getElementById() -根据层次查询节点 parentNode属性：获取父节点 childNodes属性：获取所有孩子节点(包括空格等一半不用) -根据标签名查询节点 getElementsByTagName() -根据name查询节点 document.getElementsByName()4）增加
-创建新节点 document.createElement(elementName); -添加新节点 parentNode.appendChild(newNode):在末尾追加 parentNode.insertBefore(newNode,relNode):在relNode节点前增加一个5）删除
node.removeChild(childNode) eg: node.parentNode.removeChild(node);eg:day06.demo5.html/
联动菜单 省： 市：
你可能感兴趣的文章
Lock重入锁
查看>>
docker安装 rabbitMq
查看>>
git 常用命令 入门
查看>>
linux安装docker
查看>>
关闭selinx nginx无法使用代理
查看>>
shell 脚本部署项目
查看>>
spring cloud zuul网关上传大文件
查看>>
springboot+mybatis日志显示SQL
查看>>
工作流中文乱码问题解决
查看>>
maven打包本地依赖包
查看>>
spring boot jpa 实现拦截器
查看>>
jenkins + maven+ gitlab 自动化部署
查看>>
Pull Request流程
查看>>
Lambda 表达式
查看>>
函数式数据处理(一)--流
查看>>
java 流使用
查看>>
java 用流收集数据
查看>>
java并行流
查看>>
CompletableFuture 组合式异步编程
查看>>
mysql查询某一个字段是否包含中文字符
查看>>