*JavaScript

*JavaScript

ECMAScript: 数据类型和变量,选择结构,循环结构,对象,数组,函数,运算符(ES6特性)

DOM: 文档对象模型

-Document:每个载入浏览器的 HTML 文档都会成为 Document 对象

节点获取:

1.getElementById()

2.getElementsByName()

3.getElementsByTagName()

4.getElementsByClassName()

5.querySelector()

6.querySelectorAll()

操作文本内容:

1.innerText

2.innerHTML

操作样式:

1.HTML元素.style.样式属性="值"

2.HTML元素.setAttribute(name,value)

3.HTML元素.className = "值"

4.HTML元素.id = "值"

节点创建:

createElement():创建元素节点

createAttribute():创建属性节点

createComment():创建注释节点

createTextNode():创建文本节点

节点属性:

nodeName:节点名

nodeType:节点类型

nodeValue:节点值

节点添加:

appendChild(): 末尾追加子节点

insertBefore():已有的子节点之前插入新节点

节点删除:

removeAttribute() 从元素中移除指定属性。

removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。

removeChild() 从元素中移除子节点。

replaceChild() 替换元素中的子节点。

节点关系:

childNodes:获取所有的子节点(包含空格)

children:获取所有的子节点(不包含空格)

firstChild: 第一个子节点

lastChild:最后一个子节点

nextSibling:同辈节点的下一个节点

previousSibling:同辈节点的上一个节点

parentNode:获取父节点

nodelist.item() 返回 NodeList 中位于指定下标的节点。

nodelist.length 返回 NodeList 中的节点数。

相关推荐
一颗烂土豆15 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
kyriewen17 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
weedsfly20 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
假如让我当三天老蒯20 小时前
前端跨域解决方案(学习用)
前端·javascript·面试
铁皮饭盒1 天前
Bun 哪比 Node.js 快?
javascript·后端
JieE2121 天前
LeetCode 56. 合并区间|超清晰 JS 图解思路,面试高频区间题
javascript·算法·面试
candyTong1 天前
RTK 技术原理:一次典型会话里,80% 上下文是怎么省下来的
javascript·后端·架构
_柳青杨2 天前
深入理解 JavaScript 事件循环
前端·javascript
大家的林语冰2 天前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
weedsfly2 天前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript