2-1-动态方法:ByTagName()
动态方法:ByTagName()
<ul id="list">
<li></li>
<li></li>
<li></li>
</ul>
<ol>
<li></li>
<li></li>
</ol>
var oUl = document.getElementById('list'); 静态方法 找到一个元素 Id前面只能是document
var aLi = oUl.getElementsByTagName('li'); 动态方法 元素的集合 多个 Id前面可以是document oUl之类
在用 TagNasme 的时候,必须要加上:[ ]像数组一样的访问形式
window.onload = function (){
var oUl = document.getElementsByTagName('ul')[0];
var aLi = oUl.getElementsByTagName('li');
// alert( aLi.length );
};
ByTagName动态方法特性
像网页中只有一个标签的 可以通过这样方式获取
document.title = 123;
document.body.innerHTML = 'abc';
<script>
window.onload = function (){
var aBtn = document.getElementsByTagName('input');
document.body.innerHTML = '<input type="button" value="按钮" /><input type="button" value="按钮" /><input type="button" value="按钮" />';
aBtn[0].onclick = function (){ alert(1); };
aBtn[1].onclick = function (){ alert(1); };
aBtn[2].onclick = function (){ alert(1); };
// 重复执行某些代码
// 每次执行的时候,有个数字在变化
};
</script>
最新文章
- 在shell 上执行mongo 查询
- 创建redis集群
- 分享前端Facebook及Twitter第三方登录
- YTU 3003: 括号匹配(栈和队列)
- 在PhpStorm9中与Pi的xdebug进行调试
- android 随手记 自定义广播通知栏
- 创建您自己的Maven模板
- enode框架step by step之事件驱动架构(EDA)思想的在框架中如何体现
- XML文档读取-DOM
- Spring 面试问题 TOP 50
- BZOJ4175 : 小G的电话本
- 实战:INNOBACKUPEX for mysql 5.6自己主动还原脚本-v2
- Cook-Torrence Illumination Model 的一些数学说明
- thinkphp session如何取数组
- @Autowired和@Resource装配
- Android MVP模式简单易懂的介绍方式 (三)
- 输出1-n的全排(递归C++)
- 【计算几何】 Codeforces Beta Round #67 (Div. 2) E. Ship&#39;s Shortest Path
- Exercise01_07
- Fiddler用AutoResponder实现app升级异步更新