根据不同的选择器获取元素

原创 2019-01-08 14:26:33 265
摘要:        document.getElementById()       //通过id获取元素    返回对拥有指定 id 的第一个对象。 document.getElementB
        document.getElementById()       //通过id获取元素    返回对拥有指定 id 的第一个对象。
		document.getElementByName()     //通过name获取元素     返回带有指定名称的对象集合   是一个数组
		document.getElementsByClassName()   //通过类名获取元素    返回带有指定类名的对象集合   作为NodeList对象
		
		<form name ="login"><form>     //可以把name属性当成document对象的元素属性使用
		document.login
		
		document.getElementsByTagName()   //通过标签名获取元素   返回带有指定标签名的对象集合
		document.getElementsByTagName()[0]   //通过索引返回数组中第一个元素
		document.getElementsByTagName().item(0)   //通过item()方法返回数组中第一个元素
		
		<img src="../img/pic1.gif" alt="" name="pic">
		document.images                    //返回所有的<img>元素  返回是一个数组
		document.images['pic'].style.width = '800px';     //通过name属性返回选择的元素
		document.images.pic.style.width = '250px';   //name作为images对象的元素属性使用
		
		document.forms     //返回所有<form>元素,返回是一个数组
		document.links     //返回所有<a>元素
		document.body      //返回<body>元素
		document.head      //返回<head>元素
		documentElement    //返回<html>元素
		document.doctype   //返回文档类型
		
		document.querySelector()   //返回选择器匹配到的第一个元素
		document.querySelector('p')  //返回第一个<p>元素
		document.querySelector('#p')  //返回第一个id为p的元素
		document.querySelector('.example')   //返回第一个类名为example的元素
		document.querySelectorAll()   //返回选择器匹配到的所有元素
		
		element.querySelector()  //querySelect()   querySelectAll()方法可以用于元素
		element.querySelectorAll()


批改老师:天蓬老师批改时间:2019-01-08 14:53:42
老师总结:element.querySelector(), 推荐使用这个

发布手记

热门词条