如何查看网页元素的名称ID和其他信息

最新推荐文章于 2025-01-24 17:27:00 发布

原创最新推荐文章于 2025-01-24 17:27:00 发布 · 2.8w 阅读

26 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTTP

当前文章被收录于：

HTTP

9 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍如何使用谷歌浏览器的开发者工具检查网页上的按钮等元素，包括打开浏览器、进入开发模式、选择目标元素并查看其详细属性的过程。

举例：
1，使用谷歌浏览器打开百度网页
2，按F12以开发模式打开
3，如下图鼠标点击1处
4，鼠标移动到需要查看的按钮2处
5，右边框中显示按钮的详细信息（type ，name，id）
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

星河队长

关注关注

18
点赞
踩
26

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript DOM获取元素

yexiangCSDN的专栏

04-20

212

一、JavaScript DOM获取元素 1. 如何获取页面元素 DOM在我们实际开发中主要用来操作元素获取页面中的元素可以使用以下几种方式: （下面的方法都是Web APIs）根据 ID 获取根据标签名获取通过 HTML5 新增的方法获取特殊元素获取补充知识点 Console方法dir（）显示指定JavaScript对象的属性的交互式列表。输出显示为带有显示三角形的层次结构列表，可让您查看子对象的内容 Console方法log（）将消息输出到Web控制台。 ...

Python 爬虫实战：破解网页元素动态 ID 反爬

最新发布

2503_91057718的博客

12-23

2000

本文探讨了破解网页动态ID反爬虫技术的核心方法。动态ID通过后端随机生成元素标识（如随机字符串、时间戳等）使传统基于固定ID的爬虫失效。文章提出三类解决方案：1）基于元素特征定位（文本/属性）；2）基于XPath轴定位（DOM层级关系）；3）逆向JS生成逻辑。通过静态页面（requests+lxml）和动态渲染页面（Selenium）两个实战案例，演示了如何绕过动态ID抓取商品数据，包含完整代码实现、定位原理分析及效果验证。最后强调需遵守robots协议，避免高频请求触发风控，在合规前提下实现稳定高效的数据

1 条评论您还未登录，请先登录后发表或查看评论

selenium的使用----- 查看元素及属性

qq_43152867的博客

12-24

1317

1.查看火狐浏览器输入框的的元素以及相应属性。对准输入框，右键，在下拉菜单中选择“查看元素”，会出现如下图中的半截页面，带有背景色的部分中=号前边的就是要查找的元素，等号后边的是元素对应的属性。如id=“search-key",其中的id是元素，search-key就是id的属性。 2.同样的方法可查看火狐浏览器搜索按钮的元素以及相关属性。 3.查看火狐浏览器可点选文字的元素及元素属性。 ...

第七章（十四）查询业务信息 -- 显示详细业务数据

Carter的菜园子

09-19

673

7.9 查询和浏览已共享的业务数据 2、显示详细业务数据的DisplayTableInfo.aspx文件代码： ...... ......

实现元素定位：掌握Selenium八大定位方法

是小辰

08-04

2407

xpath是通过路径的方式获得元素的,一般通过id和name的方式获得元素位置，这是非常简单的，但有时我们无法获得id和name，就可以通过xpath，xpath基本上可以获得任何元素的精准位置，但是获得的速度相对来说比较慢，而且使用xpath获得元素位置，当页面进行修改，元素位置发生改变，我们前面的脚本有时就需要修改，所以页面如果频繁较大修改，可以减少xpath的使用。其他四种就和它们的名字相同，大家可以自行尝试一下。2.可以打开元素，进行查找，也可以点击左上角箭头，再点击web页面上需要的元素，如图。

如何获取页面元素：id，标签名，class，指定选择器querySelector，querySelectorAll，html，body

weixin_45673401的博客

02-07

1万+

如何获取页面元素：id，标签名，class，指定选择器querySelector，querySelectorAll，html，body 第一种通过ID获取；代码和注释如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>id获取页面元素</tit...

python获取百度搜索框

yhm15388130071的博客

11-19

1219

2.导入selenium库中的webdriver驱动。1.新建一个python文件，命名为百度搜索框。5.添加搜索框id元素，填写id内容。9.添加按钮的id元素，填写id内容。2.使用driver定义搜索框元素。3.导入selenium库的By包。7.使用driver定义按钮元素。（二）实现百度网页自动查询数据。10.点击确定（click）3.导入time时间库。4.定义百度输入框元素。8.定位百度输入框元素。11.设置网页停顿时间。（一）加载浏览器驱动。

selenium定位网页元素

xixingzhe2的博客

01-24

1981

id：最高效，适用于唯一标识。linkText和：适用于超链接。name：适用于表单元素。tagName：适用于获取一组元素。xpath：最灵活，适用于复杂定位。className：适用于具有唯一类名的元素。：性能好，适用于复杂选择器。在实际使用中，可以根据元素的特点和页面结构选择最适合的定位方法。

网页填表-------对于无元素ID和名称的元素定位

Vi的专栏

02-18

1496

public HtmlElement GetEl_Name(WebBrowser wb, string name) { HtmlElement e = wb.Document.All[name]; return e; } //根据ID来获取网页元素 public HtmlEl

用python爬取影评及影片信息(评论时间、用户ID、评论内容)

热门推荐

qq_44988175的博客

09-28

2万+

爬取某网站电影相关信息

web前端基础：常用网页元素命名规范

qf2019的博客

04-07

995

网页元素名称的规范性有助于团队内部成员的沟通，同时还能够提高后期的维护性，网页元素的命名主要是针对id和class进行的，针对网页元素的命名没有业界标准，但有一些大家公认的规则。一般情况下id我们通常采用camelCase命名规则（首字母小写，其它单词首字母大写），比如：studentName和fontColor等。针对Class的命名，我们不难发现，很多开源框架都使用短横线分割小写单词，比如：ui-widget-header和content-right，除了遵守这样的规则外，一个有意义的名称也是非常重要

网页元素特征字符串

dengse6510的博客

09-25

1630

网页元素特征字符串 1.什么是网页元素特征字符串要了解什么是网页元素特征字符串（以下简称特征串）首先得了解什么是网页，什么是HTML。从维基百科上可查询到网页定义如下：网页是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被...

常用网页元素命名规范参考

weixin_34168700的博客

06-24

1587

使用slenium+chromedriver定位网页元素

xyq54的博客

11-14

1257

1、通过id来定位元素 <div id="coolestWidgetEvah">...</div> java： WebElement element = driver.findElement(By.id("coolestWidgetEvah")); C#： IWebElement element = driver.FindElement(By.Id("coo...

根据id/类名/元素名称查找元素

weixin_30483697的博客

01-05

1034

/** * 根据id/类名/元素名称查找元素 * @param selector 选择器(#id 、.className、tagname) * @return 返回根据选择器条件查找到的元素 */function $(selector) { 　　if (selector.indexOf("#") === 0) // id 　　　　return document.getElementById(se...

怎么用审查元素检查网站代码，找到对应的id

缘源园

09-13

3311

第三步：选择对应的模块，右边element中可出现对应代码显现。第二步：一定要找到光标，一定。第一步：鼠标右键，审查元素。

获取页面元素

mobolove的博客

06-28

568

首页

Python + Selenium —— 网页元素定位之id定位！

m0_58026506的博客

01-19

1654

了解了开发者工具和HTML 结构后，接下来，就来看看在 Python + Selenium 中如何查找元素了。查找元素，是 WebDriver 中的核心部分之一。WebDriver提供了八种定位方法，方法如下：

获取当前按钮或者html的ID名称

weixin_42763970的博客

07-20

2089

今天做的上传图片，点击图片删除。随机给图片id，获取图片id，然后删除图片。由于图片id是随机的，用点击img或者点击class，获取id都不行，最后用onclick事件获取。 js代码如下： $("#pic").append("<img style='width:70px;margin:5px;height:70px;' id='"+num+"' onclick='upimg()' ...

网站f12怎么查询服务器,如何用F12键来抓包分析登录的用户名和密码

weixin_29340327的博客

08-06

3725

各种各样的图片，那么PNG跟jpg其实我不想看，所以说我就把这个所有的PNG都给它删掉，对吧. 删掉所有的png，这也在删掉所有的JPG，这些可以通过这儿来删这个一样的，我直接就把这个里边的所有的位置商量完了。剩下的所有都不是图片了好吧.我把里边的css给删了。然后然后重点来了我要登陆，我登录页面的话，它肯定能够抓到登录的用户名跟密码，对吧. 这也可以筛选都可以筛选，这都可以筛的，这个筛子也存在筛...