[Java教程]DOM获取元素
0 2020-10-30 20:00:30
DOM获取元素
1. 如何获取页面元素
DOM在实际开发中主要用来操作元素。获取页面中的元素可以使用以下几种方式:根据ID获取
根据标签名获取
通过HTML5新增的方法获取(推荐)
特殊元素获取
2. 根据ID获取
使用getElementById()方法可以获取戴有ID的元素对象。(古老方法不太推荐)
3. 根据标签名获取
使用getElementByTagName()方法可以返回带有指定标签名的对象的集合。(古老方法不太推荐)
注:因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历
得到的元素对象是动态的
如果页面中只有一个这个元素,返回的还是伪数组的形式
如果页面中没有这个元素,返回的是空的伪数组的形式
还可以获取某个元素(父元素)内部所有指定标签名的子元素。
- apple
- banana
- watermelon
注:父元素必须是单个对象(必须指明是哪一个元素对象),获取的时候不包括父元素自己。
4. 通过HTML5新增的方法获取
推荐使用这种方法。// 1.根据类名返回元素对象集合document.getElementByClassName('类名');// 2.根据指定选择器返回第一个元素对象document.querySelector('选择器');// 3.根据指定选择器返回document.querySelectorAll('选择器');// 1.getElementByClassNamevar eg1 = document.getElementByClassName('hello');// 2.querySelectorvar eg2 = document.querySelector('.world'); // 类选择器var eg3 = document.querySelector('#good'); // id选择器// 3.querySelectorAllvar eg4 = document.querySelectorAll('li'); // 标签选择器
5. 获取特殊元素获取body元素document.body // 返回body元素对象
获取html元素document.documentElement // 返回html元素对象 本文网址:http://www.shaoqun.com/a/485801.html
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。
dom
0