*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 中的节点数。

相关推荐
Zafir202443 分钟前
Qt实现TabWidget通过addTab函数添加的页,页内控件自适应窗口大小
开发语言·c++·qt·ui
阿巴~阿巴~1 小时前
深入解析C++非类型模板参数
开发语言·c++
前端工作日常2 小时前
H5 实时摄像头 + 麦克风:完整可运行 Demo 与深度拆解
前端·javascript
韩沛晓2 小时前
uniapp跨域怎么解决
前端·javascript·uni-app
Rubin932 小时前
TS 相关
javascript
小指纹3 小时前
河南萌新联赛2025第(六)场:郑州大学
java·开发语言·数据结构·c++·算法
拾光拾趣录3 小时前
JavaScript 究竟怎么跑
前端·javascript
Aotman_3 小时前
el-input 重写带图标密码框(点击小眼睛显示、隐藏密码)
前端·javascript·vue.js
神笔码农nice3 小时前
Promise详解:Promise解决ajax回调嵌套问题
前端·javascript
程序员二师兄4 小时前
记一次鸿蒙webview图片渲染失败的问题
前端·javascript·harmonyos