获取页面元素
来源：互联网 发布：企业危机网络 编辑：程序博客网 时间：2024/05/22 03:16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取页面元素</title>
<script src="../common.js"></script>
<script>
window.onload = function(){
/*
1、document.getElementById();
2、getElementsByClassName();
3、getElementsByTagName();
4、document.getElementsByName();
//ES5
5、querySelector(css选择器)：获取匹配选择器的第一个元素
6、querySelectorAll(css选择器)：获取所有匹配选择器的元素
*/
var divs = document.getElementsByTagName('div');
console.log(divs);
var divs = document.querySelector('div');
console.log(divs);
var list = document.querySelector('.list');
console.log(list);
console.log(document.querySelectorAll('ul#datalist li'));
console.log(list.querySelectorAll('div'));
Element('div',list);
}
</script>
</head>
<body>
<div class="dom1">元素1</div>
<div>元素2</div>
<div class="list">元素3
<div class="title">标题</div>
<ul id="datalist">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
</div>
<div class="list">元素4</div>
<div>元素5</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取页面元素</title>
<script src="../common.js"></script>
<script>
window.onload = function(){
/*
1、document.getElementById();
2、getElementsByClassName();
3、getElementsByTagName();
4、document.getElementsByName();
//ES5
5、querySelector(css选择器)：获取匹配选择器的第一个元素
6、querySelectorAll(css选择器)：获取所有匹配选择器的元素
*/
var divs = document.getElementsByTagName('div');
console.log(divs);
var divs = document.querySelector('div');
console.log(divs);
var list = document.querySelector('.list');
console.log(list);
console.log(document.querySelectorAll('ul#datalist li'));
console.log(list.querySelectorAll('div'));
Element('div',list);
}
</script>
</head>
<body>
<div class="dom1">元素1</div>
<div>元素2</div>
<div class="list">元素3
<div class="title">标题</div>
<ul id="datalist">
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
</div>
<div class="list">元素4</div>
<div>元素5</div>
</body>
</html>
0 0
- js获取页面元素
- struts2 页面元素获取
- 获取页面元素
- 获取页面元素和xpath
- JS 获取页面元素坐标
- watir 获取页面所有元素
- js获取页面中元素
- 获取元素的页面位置
- 02JsDom--获取页面元素
- 使用jsoup获取页面元素
- js DOM 获取页面元素
- JS获取页面select元素
- JS获取页面所有元素
- js根据页面classname获取页面元素
- Wpf 获取页面元素的父元素，子元素。
- iframe父页面获取子页面元素，子页面获取父页面元素
- js获取页面元素位置函数
- 获取页面元素的style中的样式
- 75篇关于Tomcat源码和机制的文章
- 基于arcgis的城市放射状指数研究
- 设计模式六大原则之--单一职责原则（SRP）
- easyui acceptChanges 更新无法获取数据
- MFC控件combox控件用法梳理
- 获取页面元素
- 【Python】使用pip install时出现UnicodeDecodeError错误解决方法
- (翻译)draft.js 创建简单的富文本编辑器
- JavaScript数组的应用
- Codeforces 471C MUH and House of Cards【找规律+二分】
- Linux必学的60个命令
- SSL协议详解
- 兼容性问题总结
- 《魔兽世界》最大私服上线：玩家被国内工作室广告刷吐了
