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) | 向行集合中的指定位置插入一行 |
tbody元素
| 属性方法 | 说明 |
| — | — |
| rows | tbody所有行集合 |
| deleteRow(pos) | 删除指定位置的行 |
| insertRow(pos) | 向行集合中的指定位置插入一行,返回引用 |
tr元素
| 属性方法 | 说明 |
| — | — |
| cells | tr所有单元格集合 |
| deleteCell(pos) | 删除指定位置的单元格 |
| insertCell(pos) | 向单元格集合中的指定位置插入一个单元格,返回引用 |
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://img-blog.csdnimg.cn/img_convert/ffeefeed5cf822877e0bf7d668fff9a9.jpeg)
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里免费领取,先到先得哦。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://img-blog.csdnimg.cn/img_convert/ffeefeed5cf822877e0bf7d668fff9a9.jpeg)
最后
给大家分享一些关于HTML的面试题,有需要的朋友可以戳这里免费领取,先到先得哦。
[外链图片转存中…(img-t5LFWHgS-1712116439863)]
[外链图片转存中…(img-3j7oEcVi-1712116439863)]