| 文档类型节点(DocumentType) | 10 |
| 文档片段节点(DocumentFragment) | 11 |
| DTD声明节点(Notation) | 12 |
Node类型
| 属性 | 说明 |
| — | — |
| nodeType | 节点类型 |
| nodeName | 节点名 |
| nodeValue | 节点值 |
| childNodes | 子节点 |
| parentNode | 父节点 |
| ownerDocument | 文档节点 |
| previousSibling | 上一个节点 |
| nextSibling | 下一个节点 |
| firstChild | 第一个子节点 |
| lastChild | 最后一个子节点 |
Document类型
| 属性 | 说明 |
| — | — |
| documentElement | html标签 |
| head[兼容性不够] | head标签 |
| body | body标签 |
| URL | 当前页url |
| referrer | 来源页url |
| domain[可修改] | 页面域名 |
| images | 所有图片集合 |
| cookie | cookie信息 |
| title | 页面标题 |
| activeElement | 当前焦点元素 |
| documentMode | 文档模式 |
| readyState | 文档状态 |
| doctype | 文档类型声明 |
| scripts | 脚本集合 |
| forms | form标签集合 |
| children | 元素类型的子节点集合 |
| defaultView | document关联的window对象 |
| 方法 | 说明 |
| — | — |
| getElementById() | 返回对应id的元素 |
| getElementsByName() | 返回对应名称元素集合 |
| getElementsByTagName() | 返回对应标签名元素集合 |
| getElementsByClassName() | 返回指定类名的元素集合 |
| querySelector() | 返回符合选择器的第一个元素 |
| querySelectorAll() | 返回符合选择器的元素集合 |
| createElement() | 创建元素节点 |
| createTextNode() | 创建文本节点 |
| createAttribute() | 创建属性节点 |
| createComment() | 创建注释节点 |
| createDocumentFragment() | 创建空的 DocumentFragment 对象 |
| matchesSelector()[兼容性不够,需要前缀] | 该选择器是否符合元素匹配 |
| write()[输出后光标不换行] | 文档文本写入 |
| writeIn()[输出后光标换行] | 文档文本写入 |
| implementation.hasFeature(特性,版本) | 特性监测 |
Element类型
| 属性 | 说明 |
| — | — |
| id | id |
| className | 类名 |
| title | 标题 |
| style | 设置或返回元素的样式属性 |
| innerHTML | 设置或者返回元素的内容 |
| outerHTML[包含自身] | 设置或者返回元素的内容 |
| textContent[ie-innerText] | 设置或返回文本内容 |
| contentEditable | 设置或返回元素的可编辑状态 |
| isContentEditable | 是否可编辑 |
| childElementCount | 子元素节点个数 |
| firstElementChild | 第一个子元素节点 |
| lastElementChild | 最后一个子元素节点 |
| previousElementSibling | 上一个元素节点 |
| nextElementSibling | 下一个元素节点 |
| 方法 | 说明 | 返回 |
| — | — | — |
| focus() | 设置焦点 | |
| blur() | 失去焦点 | |
| appendChild(节点) | 在子节点列表之后插入 | 新增节点 |
| insertBefore(节点,参照节点) | 在参照节点之前插入节点 | 插入节点 |
| removeChild(节点) | 节点删除 | 被删节点 |
| replaceChild(节点,被替换的节点) | 节点替换 | 被替换节点 |
| cloneNode(布尔值) | 复制节点 | 克隆节点 |
| importNode(节点,布尔值) | 从A文档中取得a节点,将其导入B文档(类似cloneNode方法) | |
| contains(节点) | 该节点是否为调用节点的子级 | 布尔值 |
| hasFocus() | 是否获得了焦点 | 布尔值 |
| hasChildNodes() | 是否存在子节点 | 布尔值 |
| isDefaultNamespace(url) | 是否指定了名称空间 | 布尔值 |
| isEqualNode(节点) | 两个元素是否相等 | 布尔值 |
| isSupported(特性,版本) | 是否支持某特性 | 布尔值 |
Attr类型
| 属性 | 说明 |
| — | — |
| name | 属性名 |
| value | 属性值 |
| isId | 是否为id类型 |
| specified | 属性是否被指定 |
| length | 属性长度 |
| attributes | 属性集合 |
| 方法 | 说明 |
| — | — |
| getAttribute() | 获取属性值 |
| getAttributeNode() | 获取属性节点 |
| setAttribute() | 设置属性值 |
| setAttributeNode() | 设置属性节点 |
| removeAttribute() | 删除属性 |
| removeAttributeNode()[ie不支持] | 删除属性节点 |
| hasAttribute() | 是否存在指定的属性 |
| hasAttributes() | 是否存在属性 |
Text类型
| 方法 | 说明 |
| — | — |
| appendData(文本) | 将text添加到节点的末尾 |
| deleteData(位置,数量) | 从指定位置开始删除n个字符 |
| insertData(位置,文本) | 从指定位置插入文本 |
| replaceData(位置,数量,文本) | 用text替换从offset位置开始到offset+count为止处的文本 |
| splitText(位置) | 从指定位置将当前文本节点分裂成两个文本节点 |
| substringData(位置,数量) | 截取从offset位置开始到offset+count为止处的字符串 |
| normalize() | 合并相邻文本节点,并删除空的文本节点 |
表格操作
table元素
| 属性方法 | 说明 |
| — | — |
| caption | caption元素指针 |
| tBodies | tbody集合 |
| tFoot | tfoot集合 |
| tHead | thead元素 |
| rows | 表格所有行集合 |
| createTHead() | 创建 元素,将其放到表格中,返回引用 |
| createTFoot() | 创建 元素,将其放到表格中,返回引用 |
| createCaption() | 创建caption元素,将其放到表格中,返回引用 |
| deleteTHead() | 删除thead元素 |
| deleteTFoot() | 删除tfoot元素 |
| deleteCaption() | 删除caption元素 |
| deleteRow(pos) | 删除指定位置的行 |
| insertRow(pos) | 向行集合中的指定位置插入一行 |
学习笔记
主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等
HTML/CSS
**HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分
**CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式
HTML5 /CSS3
**HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串
L5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性
**CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型
[外链图片转存中…(img-dhwNqaa7-1725900760466)]
JavaScript
**JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串