1、获取操作的元素——document对象的方法和属性

document.getElementById('ID名') 返回这个id名的元素
document.getElementsByTagName('标签名') 返回所有这个标签名的元素的集合
document.getElementsByClassName('class名') 返回所有这个class的元素的集合
document.getElementsByName()返回带有指定名称的对象集合

除了document.getElementById()方法返回的是拥有指定id的元素外，其他方法返回的都是符合要求的一个集合。若要获取其中一个对象，可以通过下标的方式获取，默认从0开始。

document.querySelector("css任意选择器") 返回第⼀个（返回文档中匹配到指定的元素或CSS选择器的第1个对象的引用。）
document.querySelectorAll("css任意选择器") 返回符合的所有（返回文档中匹配到指定的元素或CSS选择器的对象集合。）
document.documentElement 获取HTML元素
document.body 获取body元素

2、示例

3、获取操作的元素——Element对象的方法和属性

在DOM操作中，元素对象也提供了获取某个元素内指定元素的方法，常用的两个方法分别为getElementsByClassName()和getElementsByTagName()。它们的使用方式与document对象中同名方法相同。

3、应用：改变网页背景色

4、示例2

06JS获取标签元素相关推荐

JS DOM获取标签/元素style样式
JS DOM获取标签/元素style样式文章目录 JS DOM获取标签/元素style样式 .style getComputedStyle() .style 只能获取行内样式,不能获取style标签 ...
Javascript 获取标签元素
Javascript 获取标签有几个方法,无非就是几个方法: ①id :Id ②标签:Tag ③类:Class ④任意选择器的第一个: Selector ⑤全部:All ⑥整个文档: document ...
Vue.js中$refs{}获取DOM元素
如果我们想获取DOM元素,一般使用js中的document.querySelector来获取这个dom节点,然后在获取元素的值,现在Vue提供给我们一种更便捷的方式来获取DOM元素-----$refs ...
selenium提取数据之driver对象定位标签元素获取标签对象的方法
selenium提取数据之driver对象定位标签元素获取标签对象的方法在selenium中可以通过多种方式来定位标签,返回标签元素对象 find_element_by_id (返回一个元素) fi ...
java怎么取子标签,java使用StAX以通用方式获取子元素
我正在尝试使用StAX(我已经不喜欢它--) 似乎使用它的唯一方法是通过连续的if-else条件. 但最重要的是,似乎没有办法将元素与其子元素相关联,除非事先知道它正在解析的xml文档的结构.这是正 ...
jq 如何获取和当然元素相同类名的标签_jquery获取兄弟元素-jquery获取下一个兄弟元素-jquery获取最后一个兄弟元素...
jquery怎幺获取当前元素的兄弟元素可以使用 siblings() jquery既然有next方法取得下一个元素,那幺有previous方法吗 $("#id").prev(); ...
jquery兄弟标签_js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
【Jquery】------- iframe标签获取属性src中的标签(元素)input值实例代码
一,如下iframe标签代码: <iframe id="iframe" src="/pub/job/cron_editor/CronEditor.html" ...
jquery兄弟标签_JQ获取兄弟元素的值
在之前有遇到过table中JQ获取兄弟元素的值,写法是var id = $(this).parents("tr").find(".id").text(); 然后 ...

06JS获取标签元素