用 DOM 获取页面的元素方法集合

【用 DOM 获取页面的元素方法集合】的更多相关文章

用 DOM 获取页面的元素方法集合

document.getElementById('id名') // 获取页面设置指定 id 的元素 document.getElementsByTagName('标签名') // 获取页面上所有的指定标签 document.getElementsByClassName('class名') // 获取页面设置指定 class 的元素 H5 新增方法 document.querySelector('#id 或 .class 或 li标签') …

DOM 之 document 查找元素方法

DOM 之 document 查找元素方法 getElementById("idName"); // 始终取得第一个 idName 的元素 getElementsByTagName("元素标签名") // 返回是一个集合,可用[索引值]来获取相关指定元素或者通过 item(索引值),如 getElementsByTagName("p")[0] / getElementsByTagName ("p").item(1); getE…

DOM——获取页面元素

获取页面元素为什么要获取页面元素例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,才进行后续操作根据id获取元素 var div = document.getElementById('main'); console.log(div); // 获取到的数据类型 HTMLDivElement,对象都是有类型的注意:由于id名具有唯一性,部分浏览器支持直接使用id名访问元素,但不是标准方式,不推荐使用. 根据标签名获取元素 var divs = docum…

JS(基础)_总结获取页面中元素和节点的方式

一.前言 1.元素和节点的区别 2.总结获取元素的方式 3.总结获取节点的方式二.主要内容 1.结点和元素的区别 (1)一些常见基本概念: 文档:document 元素:页面中所有的标签结点:页面中所有的内容包括(标签,属性,文本(文字,空格,换行,回车)) 根元素:html标签 (2)节点属性 nodeType:表示节的类型: 1-------表示是标签, 2-------属性, 3-------文本 nodeName:节点的名字: 标签------大写的标签名字, 属性-----小写的…

jq的遍历关系元素方法集合

children .children(selector) 返回被选元素的所有直接子元素,不返回文本节点: 下面例子:给level-2的子元素设置border.比较使用children和find html <ul class="level-1"> <li class="item-i">I</li> <li class="item-ii">II <ul class="level-2&qu…

Selenium获取页面指定元素个数

测试需求: 获取页面中下拉框个数,并验证是否与预期个数一致方法1:因下拉框的tagname属性值为select,可通过获取标签为select的元素来获取下拉框个数 List<WebElement> elements = driver.findElements(By.tagName("select")); int number=elements.size(); Assert.assertEquals(number,12);//验证是否为12 方法2:因下拉框默认…

JS获取网页宽高方法集合

JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高[FF,chrom下是整个页面高,IE opera 下正常] document.body.scrollWidth - 网页总宽documen…