我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

张明昊_前端(20)20221206

[复制链接]
你又脸红了学员认证 发表于 2022-12-6 18:59:00 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日内容;
1、DOM和BOM树结构分析
DOM分为三部分
1,核心DOM:用于XML于HTML的共用接口 (操作节点树,创建,删除,查找等)
2,XML DOM:XML专用接口,其实就是DOM进行增强,加入一些适用于自己的接口
3,HTML DOM:HTML专用接口,其实就是DOM进行增强,加入了一些适用于自己的接口H
DOM树: HTML节点树
HTML文档是一种树状的结构化文档,各文档之间是一种树状的层次关系
节点:
整个文档就是文档节点——document
每一个HTML标签都是一个元素节点——element
标签中的文字是文本节点(回车,空格也是文本节点)——text
标签的属性就是属性节点——Attribute
所以的一切都是节点——Node
2、获取标签对象的主要方式
获取HTML元素——H4
getElementByTd()
在文档中查找指定的id节点,如果找到则返回该节点
getElementsByTagName()
在文档中查找指定的标签名的对象的合集
getElementsByClassName()
class ---类名--集合
getElementsByName()
name属性---集合
H5--选择器
单个--符合要求的第一个节点
document.querySelector(选择器);
集合--符合要求的所以节点
document.querySelectorAll(选择器);
3、操作标签的内容
文本标签的内容
innerHTML   innerText   textContent
表单标签:value
4、操作标签的样式
获取样式属性的值:dom.style.样式的属性名
设置:dom.style.样式的属性名=“样式的属性值”
5、操作标签的类名
获取类名: dom.className
设置类名: dom.class Name= “类名的值”;
二、今日问题

三、解决方案



回复

使用道具 举报

关注0

粉丝0

帖子75

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026