首页 > 代码库 > 选择元素
选择元素
1、getElementById :根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。
2、getElementsByName:getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所以getElementsByName() 方法返回的是所有匹配元素组成的数组,而不是一个元素。
3、getElementsByTagName:getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是您在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
4、getElementsByClassName:HTML5 新增的DOM API。IE8以下不支持
对于现代浏览器开发,还可以使用querySelector()和querySelectorAll()。他们的功能更加强大。
querySelector()接受一个css选择器作为参数,然后返回DOM中匹配的第一个元素
querySelectorAll()接受一个css选择器作为参数,然后返回DOM中匹配的元素的集合数组
举个栗子:document.querySelector("#wrapper") // 取得DOM中第一个id= “wrapper”的元素
举个栗子:document.querySelector(".wrapper") // 取得DOM中第一个class= “wrapper”的元素
举个栗子:document.querySelector("p") // 取得DOM中第一个<p></p>元素
举个栗子:document.querySelectorAll("p") // 取得DOM中所有的<p></p>元素......类比于querySelector()
选择元素
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。