JS基础-DOM查询01
2019-05-24 21:29
232 查看
通过document对象调用(在整个页面查询)
- getElementById()
通过id属性获取一个元素节点对象 - getElementByTagName()
通过标签名获取一组元素节点对象 - getElementsByName()
通过name属性获取一组元素节点对象
获取元素节点的子节点(在元素节点内查询)
通过具体的元素节点调用
- getElementsByTagName()
方法,返回当前节点的指定标签名后代节点 - childNodes
属性,表示当前节点的所有子节点 - firstChild
属性,表示当前节点的第一个子节点 - lasChild
属性,表示当前节点的最后一个子节点
<button id="btn04">点我一下</button> <ul id="city"> <li id="beijing">北京</li> <li>上海</li> <li>福州</li> </ul> <script> var btn = document.getElementById('btn04'); btn.onclick = function(){ var city = document.getElementById('city'); var city_li = city.getElementsByTagName('li'); alert(city_li.length); for (var i = 0; i < city_li.length; i++){ alert(city_li[i].innerHTML); city_li[i].innerHTML = 'Bruce'; }; }; </script>
相关文章推荐
- JS基础-DOM查询02
- js笔记-DOM基础
- js一起学08:DOM基础——变量、预解析、引用、索引、比较、排序、异常、表达式...
- JS基础回顾,小练习(DOM元素)
- [导入]mootools框架【八】-Dom篇: Css查询支持之Dom.js
- 01JavaScript动画DOM——js轮播图、动画、tween库、swipe库、offsetTop/Left/Width/Height、clientWidth/clientHeight
- 前端js基础理论知识(四 作用域,string对象,DOM基础 节点 属性 方法 设置 获取)
- day15_css补充、js基础、dom基础
- js基础之DOM中元素对象的属性方法详解
- javascript基础(Dom查询练习)(二十七)
- js 基础 -- DOM 操作
- 简单封装js的dom查询实例代码
- JS基础知识(dom,bom操作)
- 快速学习 js 笔记一 dom 基础学习
- JS基础复习(自我总结01)
- 极客时间 MySQL实战45讲:01 | 基础架构:一条SQL查询语句是如何执行的?
- JS基础-DOM增删改
- js的DOM编程基础
- 【js基础】怎么快速记住基本的Dom操作(一)
- 2016年5月26日晚上(妙味课堂js基础-2笔记二(DOM))