JS初级获取元素的第二种方法
2016-10-20 14:00
316 查看
1-1 第一种获取元素的方法:静态方法
#list {} var oUl = document.getElementById('list');
1-2 第二种获取元素的方法:动态方法
li {} document.getElementsByTagName('li');
#list li {} var aLi = oUl.getElementsByTagName('li');
// aLi => [ li, li, li ]
元素的集合
aLi.length
3
aLi[0]
// 在用 TagNasme 的时候,必须要加上:[]
1-3-1代码:
1-3-2代码:
#list {} var oUl = document.getElementById('list');
1-2 第二种获取元素的方法:动态方法
li {} document.getElementsByTagName('li');
#list li {} var aLi = oUl.getElementsByTagName('li');
// aLi => [ li, li, li ]
元素的集合
aLi.length
3
aLi[0]
// 在用 TagNasme 的时候,必须要加上:[]
1-3-1代码:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> window.onload = function (){ // var oUl = document.getElementById('list'); var oUl = document.getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); // document.getElementsByTagName('li'); // alert( aLi.length ); }; </script> </head> <body> <ul id="list"> <li></li> <li></li> <li></li> </ul> <ol> <li></li> <li></li> </ol> </body> </html>
1-3-2代码:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> window.onload = function (){ // document.title = 123; // document.body.innerHTML = 'abc'; var aBtn = document.getElementsByTagName('input'); // alert(aBtn.length); document.body.innerHTML = '<input type="button" value="按钮" /><input type="button" value="按钮" /><input type="button" value="按钮" />'; // alert(aBtn.length); aBtn[0].onclick = function (){ alert(1); }; aBtn[1].onclick = function (){ alert(1); }; aBtn[2].onclick = function (){ alert(1); }; // 重复执行某些代码 // 每次执行的时候,有个数字在变化 }; </script> </head> <body> </body> </html>
相关文章推荐
- js中两个常用方法(1.获取当前工程的虚拟目录;2.移除数组指定位置上的元素)
- Js/Jquery:获取iframe中的元素+在Iframe中获取父窗体的元素方法
- JS获取并操作iframe中元素的方法
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- js获取元素到文档区域document的(横向、纵向)坐标的两种方法
- js获取元素坐标方法
- js和jquery获取父级元素、子级元素、兄弟元素的方法
- JS获取并操作iframe中元素的方法
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
- 获取/设置IFRAME内对象元素的几种JS方法
- js中获取页面元素方法总结
- document.getElementById("idName")用js方法获取元素,则设定风格属性的方法为
- 关于JS中的获取元素的方法
- Js 获取HTML DOM节点元素的方法小结
- Js 获取HTML DOM节点元素的几种方法
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法
- 小笔记 js获取元素的方法