菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 裴虎伟-前端(18)_20221206 [打印本页]

作者: faith 时间: 2022-12-6 22:45
标题: 裴虎伟-前端(18)_20221206
一、今日所学内容
1、什么是设计模式
设计模式就是程序员针对特定问题，给出的简洁而且优化的处理方案。所有设计模式，只在特定的情况，特定的时机，针对特定的问题使用
2、常用的设计模式：单例模式；组合模式；观察者模式；代理模式；工厂模式；策略模式
3、DOM和BOM
DOM  文档对象模型：是一个使程序和脚本能够动态的访问和更新文档的内容、结构以及样式，并独立于平台和语言的接口
BOM  浏览器对象模型：使JavaScript有能力与浏览器进行对话
API  应用程序编程接口，就是给程序员提供的一种工具，以便于更加轻松实现某种功能
webAPI  是浏览器提供的一套浏览器功能和页面元素的API

4、DOM分为三部分
核心DOM：用于XML与HTML的共用接口（操作节点树，创建、删除、查找等）
XMLDOM：XML专业接口，其实就是DOM进行增强，加入一些适用于自己的接口
HTMLDOM：HTML专业接口，其实就是DOM进行增强，加入一些适用于自己的接口
5、节点类型
节点：整个文档就是文档节点——document
每一个HTML标签都是一个元素节点——element
标签中的文字是文本节点（回车、空格也是文本节点）——text
标签的属性就是属性节点——Attribute
所有的一切都是节点——Node

6、获取HTML元素——H4
getElementById()：在文档中查找指定的id节点，如果找到则返回该节点
getElementsByTagName()：在文档中查找指定的标签名的对象的集合
getElementsByClassName()：class——类名——集合
getElementsByName()：name属性——集合
7、H5——选择器
单个——符合要求的第一个节点：document.querySelector（'选择器'）；
集合——符合要求的所有节点：document.querySelectorAll（'选择器'）；
8、操作标签的内容
（1）文本标签的内容
innerHTML
innerText
textContent
（2）表单标签
value
9、操作标签的样式
（1）获取样式属性的值：dom.style.样式的属性名
（2）设置样式：dom.style.样式的属性名="样式的属性值"；
10、操作标签的类名
（1）获取类名：dom.className
（2）设置类名：dom.className="类名的值"
二、今日问题
无
三、解决方案
无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)