JSDOM基础
2024-10-20 01:34:28
JavaScript 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
HTML DOM 模型被构造为对象的树:
HTML DOM 树
- JavaScript 能够改变页面中的所有 HTML 元素
- JavaScript 能够改变页面中的所有 HTML 属性
- JavaScript 能够改变页面中的所有 CSS 样式
- JavaScript 能够对页面中的所有事件做出反应
查找 HTML 元素
- 通过 id 找到 HTML 元素
- 通过标签名找到 HTML 元素
- 通过类名找到 HTML 元素
通过 id 查找 HTML 元素
在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id。
本例查找 id="intro" 元素:
var x=document.getElementById("intro");
如果找到该元素,则该方法将以对象(在 x 中)的形式返回该元素。
如果未找到该元素,则 x 将包含 null。
通过标签名查找 HTML 元素
本例查找 id="main" 的元素,然后查找 id="main" 元素中的所有 <p> 元素:
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
通过类名找到 HTML 元素
通过 getElementsByClassName 函数来查找 class="intro" 的元素:
var x=document.getElementsByClassName("intro");
最新文章
- 何谓Restful
- windows中查看开机时间
- JOIN,WHERE判断和ORDERBY排序
- TableView分割线从顶端开始
- Convert.ChangeType不能处理Nullable类型的解决办法
- SX学SX内容 笔记?
- IDEA SSH
- android 开发中的常见问题
- [转]LUA C 互调
- 【C#学习笔记】读SQL Server2008
- 基于Selenium2+Java的UI自动化(2) - 启动浏览器
- MAC 安装Ruby On Rails
- Linux进程实践(1) --Linux进程编程概述
- python nympy 序列化dict
- dom节点相关问题
- C# 实现连连看功能
- MyEclipse 修改项目部署路径
- typescript interface 泛型
- C# 发送16进制串口数据
- 18-10-18 Python 思维导图 很棒的