JavaScript定位页面元素属性（满满的干货）

Document对象提供了用来定位HTML页面中特殊元素的方法。跟小编一起来看看吧，保证让你稳赚。

documentElement: 获取HTML页面中的<html>元素
head: 获取HTML页面中的<head>元素
title: 获取HTML页面中的<title>元素
body: 获取HTML页面中的<body>元素
links: 获取HTML页面中的所有<a>元素
images: 获取HTML页面中的所有<img>元素
实例：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>定位页面元素的属性</title>
</head><body><button class="btns" id="btn">按钮</button><button class="btns">按钮</button><button class="btns">按钮</button><button class="btns">按钮</button><button class="btns">按钮</button><script>console.log(document.documentElement); // <html>console.log(document.head);  // <head>console.log(document.body);  // <body>console.log(document.images);  // <image>var image = document.images;for (var i = 0; i < image.length; i++) {var img = images[i];console.log(img.src);}</script>
</body></html>

获取到HTML的页面元素，通过DOM节点树的节点我们就可以对这些元素进行处理了。

加油 ~ 向JavaScript进发！！！

JavaScript定位页面元素属性（满满的干货）相关推荐

Python selenium根据class定位页面元素，xpath定位
Python selenium根据class定位页面元素在日常的网页源码中,我们基于元素的id去定位是最万无一失的,id在单个页面中是不会重复的.但是实际工作中,很多前端开发人员并未给每个元素都编写 ...
selenium第三课（selenium八种定位页面元素方法）
selenium webdriver进行元素定位时,通过seleniumAPI官方介绍,获取页面元素的方式一共有以下八种方式,现按照常用→不常用的顺序分别介绍一下. 官方api地址:https://s ...
Appinum:在使用安卓模拟器定位页面元素时启动uiautomatorviewer.bat ，但是报错： Error while obtaining UI hierarchy XML file: c
在使用安卓模拟器定位页面元素时启动uiautomatorviewer.bat ,但是报错: Error while obtaining UI hierarchy XML file: com.andro ...
css定位页面元素,页面元素定位-CSS元素基本定位
基本定位 """属性定位一 """ # #通过id # driver.find_element_by_css_selector(" ...
By.Xpath快速定位页面元素常用方法
先看一看xpath的语法我们将在下面的例子中使用这个 XML 文档. <?xml version="1.0" encoding="ISO-8859-1" ...
jQuery操作页面元素属性和内容
操作页面元素的属性 A $("#bu1").click(function(){ //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 ...
通过哪些方法可以获取页面的html元素,JavaScript获取页面元素的常用方法详解
1.通过标签获取元素,返回一个数组 var li = document.getElementsByTagName('li');//标签获取元素 li[0].innerHTML;// 查看获取元素的内容 ...
使用页面元素属性做状态判断的隐患
在做DHTML开发的时候,依赖一些页面元素的得值来作为页面的状态的判断,初看似乎并没有什么问题.可是在后期的开发和维护中,却是一个随时可能产生莫名其妙bug的隐藏炸弹.如果不小心引爆,那就只有郁闷的份 ...
用Javascript获取页面元素的位置
制作网页的过程中,你有时候需要知道某个元素在网页上的确切位置. 下面的教程总结了Javascript在网页定位方面的相关知识. 一.网页的大小和浏览器窗口的大小首先,要明确两个基本概念. 一张网页的 ...

JavaScript定位页面元素属性（满满的干货）

JavaScript定位页面元素属性（满满的干货）相关推荐

最新文章

热门文章