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

相关推荐
xiaoye-duck24 分钟前
《C++ 项目:手写大模型接入 SDK》Provider分析与实现
开发语言·c++·语言模型
denlaku43 分钟前
JDK 22 新特性详解
java·开发语言
Mr.Pascal1 小时前
Javascript之什么是作用域?
javascript·1024程序员节
microrain1 小时前
设备报文怎么变,SagooIoT 只约定三个函数名
javascript·物联网·golang·sagooiot
“AI国潮设计-小江”1 小时前
AIGC实战:Python+SDXL批量生成英歌舞IP立牌,解锁猪猪蛋糕“反差萌”流量密码(附完整API源码)
开发语言·人工智能·python·prompt·aigc
Bug收容所2 小时前
Vue+JS Day3
前端·javascript·vue.js·前端框架·1024程序员节
H.莓飛2 小时前
【数据结构】排序_OJ题(二):划分与选择
linux·服务器·c语言·开发语言·数据结构·visual studio
CRMEB系统商城2 小时前
服装连锁的导购分销与企微私域
java·大数据·开发语言·人工智能·小程序·php·1024程序员节
凉茶钱2 小时前
stack、queue、priority_queue、容器适配器完整梳理
开发语言·c++·queue·1024程序员节·stack
云和数据.ChenGuang2 小时前
Python 菜鸟入门:字典(dict)类型详解与 CRUD 实战案例
开发语言·人工智能·python