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

相关推荐
岁岁种桃花儿5 分钟前
Vue组件化编程第二篇:非单位件组件
前端·javascript·vue.js
晓得迷路了9 分钟前
栗子前端技术周刊第 146 期 - React 19.3、jQuery 1.0 20 周年、Bun 1.4.2...
前端·javascript·react.js
雪芽蓝域zzs10 分钟前
第四十四节:封装通用表格多选、批量操作组合式函数
前端·javascript·vue.js
ljt272496066110 分钟前
Vue笔记--路由
javascript·vue.js·笔记
敲代码的嘎仔11 分钟前
互动问答系统实战:两级评论模型、ES 搜索集成、Caffeine 多级缓存全记录
java·开发语言·数据库·elasticsearch·缓存·mybatis·高并发
yujunl13 分钟前
找不到指定的SDK(“Microsoft.NET.Sdk.Web“)
开发语言
郝学胜-神的一滴27 分钟前
C++11 工程级应用 12:编译期类型魔法,干掉重复与臃肿的代码
开发语言·数据结构·c++·软件工程·visual studio
CoderYanger30 分钟前
Java EE 进阶:2.3 JavaScript 综合案例
java·前端·javascript·css·职场和发展·java-ee·html
m0_7345717637 分钟前
深入理解C++ 析构函数<四>虚析构函数
开发语言·c++
芒鸽42 分钟前
把 Agent 运行时做成插件系统:agent-harness(openJiuwen Rust版) 的实践
开发语言·后端·rust