JavaScript的Dom基本操作

时间：2023-03-02 09:22:20浏览次数：46

标签：元素 Dom JavaScript 文本获取内容基本操作 document 选择器

获取元素的方式：

根据 id 名称获取 document.getElementById("id 名称")
根据元素类名获取 document.getElementsClassName("元素类名")
根据元素标签名获取 document.getElementsByTagName("标签名")
根据选择器获取一个 document.querySelector(".box")
根据选择器获取一组 document.querySelectorAll(".box")

操作元素内容

操作元素文本内容
1. 获取元素文本内容：元素.innerText
2. 设置元素文本内容：元素.innerText = "新内容"
操作元素超文本内容
1. 获取元素超文本内容：元素.innerHTML
2. 设置元素文本内容：元素.innerHTML= "新内容"

标签：元素,Dom,JavaScript,文本,获取,内容,基本操作,document,选择器
From： https://www.cnblogs.com/jizg/p/17170643.html

JavaScript 正则表达式
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *正则表达式 * [email protected] ......
JavaScript 包装类
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *基本数据类型 * StringNumberBoole......
JavaScript 字符串的相关方法
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> //创建一个字符串 varstr="HelloAtguigu"; ......
JavaScript forEach
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *一般我们都是使用for循环去遍历数组， ......
JavaScript 数组去重
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> //创建一个数组 vararr=[1,2,3,2,2,1,3,4......
JavaScript 数组的剩余方法
<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <scripttype="text/javascript"> vararr=["孙悟空","猪八戒","沙和尚"]; ......
JavaScript 数组
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *内建对象 *宿主对象 *自定......
JavaScript 原型
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> <scripttype="text/javascript"> /* *原型prototype * * 我们所创建......
JavaScript的引入方式和基础语法
JavaScript的引入方式放在<body>的后面,</body>的前面基础语法书写语法输出语句变量 var:是全局变量,可以重复声明,会覆盖数据类型运算符其中"=="会先......
虹科分享 | Domo零售行业商业智能白皮书：《从零售企业的数据中获取价值》
推荐语：Domo零售行业商业智能白皮书—《从零售企业的数据中获取价值》总结了传统零售业在数字化转型过程中面临的挑战，并基于虹科DomoBI工具从数字体验、库存管理、销售业绩......

JavaScript的Dom基本操作

相关文章

赞助商

阅读排行