jq 获取 元素的 padding-top值_selenium+python自动化101execute_script 方法获取 JavaScript 返回值...

最新推荐文章于 2022-10-24 17:13:33 发布
最新推荐文章于 2022-10-24 17:13:33 发布
阅读量498 收藏
点赞数
文章标签： jq 获取 元素的 padding-top值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_31592801/article/details/113629090
版权
本文介绍了如何利用 Selenium 的 execute_script 方法获取 JavaScript 执行后的返回值，特别是元素的 padding-top 属性。通过在 JavaScript 脚本前添加 return，可以成功获取元素的属性值。同时，文章还展示了如何返回 JavaScript 元素对象以便在 Selenium 中进一步操作，并提及了 jQuery 的应用条件。
摘要由CSDN通过智能技术生成

前言

之前经常使用 execute_script() 方法执行 JavaScript 的来解决页面上一些 selenium 无法操作的元素，但是一直无法获取执行的返回值。
最近翻文档，发现 execute_script 是可以拿到 JavaScript 执行后的返回值的

演示案例

以打开https://www.cnblogs.com/yoyoketang/网页为示例，使用 JavaScript 来定位元素

0fff9eb224edf927a1bf55e777a86476.png

目标元素元素属性


博客园

我们可以在浏览器 Console 执行 JavaScript 获取到元素的文本属性值

document.getElementById(“blog_nav_sitehome”).innerText;

c703b27b59529a8dc4b9f322ca1c9205.png

但是在代码里面执行的时候，却拿不到返回值

最低0.47元/天 解锁文章
步步指南
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 获取元素位置和大小_js 位置_Js宽度高度（详解）
天马3798
12-10 3618
如obj.style.top、obj.style.wdith等，在读的时候，他们返回的值常常是带有单位的(如px)，同时，对于这种方式，它只能够获取到该元素的行内样式，而并不能获取到该元素最终计算好的样式，这就是在读取属性值得时候和以上只读属性的区别，要获取计算好的样式，请使用obj.currentstyle（IE）和getComputedStyle(IE之外的浏览器)。该属性指的是当元素其中的内容超出其宽高的时候，元素被卷起的高度和宽度，即滚动条宽高度。
jq 获取 元素的 padding-top值_jq简单的全选、反选和全不选效果
weixin_39820997的博客
02-03 477
jquery是很实用和方便的前端效果库，可以让我减少很多的操作和节省很多的时间。今天，我们来说一下jq的全选、全不选和反选效果，本篇讲的是最简单简洁的jq全选、全不选和反选的例子。如果还有什么其他的功能要求可自己根据所学到的基础来扩展一下。首先，我们来创建一下所需要的html页面，导入jq文件，这里我们使用的是jq压缩版，把复选框例子填充上。创建html页面的同时，把全选、全不选和反选按钮分别给它...
原生JS获取高度方法，去除padding、border、margin
hapyss的博客
10-18 8497
一、常规知识： 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWi...
jQuery获取元素填充/边距
12-04 287
今天，我一直在寻找如何获取和设置填充/保证金值的DOM元素。 我期待更多的进入外边距和补的具体位置。 正如你可能知道，这是可以设置的元素填充和使用CSS保证金，但得到正确的值可能会产生问题。 //sets $("div.header").css("margin","10px"); $("div.header").css("padding","10px"); 常识，你会认为这会工作，但似乎没有...
原生JavaScript获取元素的margin外边距
FEI441544558的专栏
11-13 8397
最近想找一个可以获取元素高度（包括外边距margin）的方法，原生JS的实现方法一直没有找到，不过有一个方法可以获取元素的边距，记录一下： 语法是（获取元素的属性值）： getComputedStyle(element[,pseudo]) 该语法一般有两种用法： document.defaultView.getComputedStyle(element[,pseudo]); 或者： ...
selenium+chromedriver120.0.6046.0-win64+python自动化操作
最新发布
02-23
selenium+chromedriver120.0.6046.0-win64+python测试代码 项目介绍： 该案例是利用selenium使用xls中的数据对表单自动化填充及提交 项目中用到了chromedriver版本为120.0.6046.0系统win10 64位，需要安装谷歌浏览器...
《Playwright+Python 自动化测试 》第一章 环境准备与快速开始-上海悠悠.pdf
01-04
【Playwright+Python 自动化测试】环境准备与快速开始 在自动化测试领域，Selenium 曾经是主流选择，但随着技术的发展，其他框架如 Cypress、Puppeteer 和 TestCafe 也逐渐崭露头角。然而，Playwright 作为新兴的...
selenium-java-2.51.0.zip_android_selenium jar 包_selenium-java-2.
09-23
Selenium是一个广泛使用的自动化测试工具，主要用于Web应用的测试，它允许开发者用多种编程语言编写脚本来控制浏览器进行自动化操作。在Java环境下，Selenium提供了Java绑定库，使得开发者可以利用Java API来实现...
零成本实现Web功能自动化测试--基于Eclipse+Python+Selenium自动化测试技术分享
04-15
零成本实现Web功能自动化测试--基于Eclipse+Python+Selenium自动化测试技术分享 零成本实现Web功能自动化测试 基于Eclipse+Python+Selenium自动化测试技术
PyCharm_Test_Python+selenium_PyCharm_Seleniumweb测试_自动化测试_pythonS
08-09
《PyCharm与Selenium构建Web自动化测试框架详解》 在现代软件开发中，测试是不可或缺的一环，而自动化测试更是提升效率的关键。本篇将深入探讨如何利用Python结合Selenium以及强大的集成开发环境PyCharm，构建一个...
Selenium学习之元素属性值、坐标位置、大小
shan286的专栏
07-30 1万+
在自动化测试过程中，我们可能需要获取元素的属性值以及坐标位置、大小，那么怎么获取这些信息呢？在这一篇我做了下简单记录。 （一）get_attribute 获取元素的给定属性或属性 首先，先来说一下，如何获取元素的给定属性或属性。在Selenium中提供了一个get_attribute()的方法，通过在方法中设置不同的参数内容可以获取到相应的信息，其中给定属性提供了下面三种： （1）获取元素的文本内容：get_attribute(‘textContent’) （2）获取元素的内部H...
原生JavaScript获取元素的padding内边距(以及实际内容宽度)
qq_40482342的博客
04-13 8694
原生JavaScript获取元素的padding内边距(以及实际内容宽度) 最近做一个网页特效需要获取到div中实际的内容宽度（一个tab框的下滑块宽度需要对应实际内容宽度）有机会把这个案例整理下分享出来。 但是HTML DOM 元素对象方法中却没有获取padding及实际内容宽度的方法。 解决方案 我们可以通过WIndow对象提供的getComputedStyle() 获取指定元素的 CSS 样式。 语法 let style = window.getComputedStyle(element, [pse
JS获取元素宽高详解
m0_58368794的博客
10-24 1020
JS获取元素宽高详解
jQuery获取margin-top和padding-top的值
快乐每一天
06-03 4989
var bordT = $('img').outerWidth() - $('img').innerWidth(); var paddT = $('img').innerWidth() - $('img').width(); var margT = $('img').outerWidth(true) - $('img').outerWidth(); var formattedBord ...
js动态设置padding-top遇到的坑
weixin_30527551的博客
07-08 1557
我想通过js动态设置元素padding-top的百分比值：以下几种都是无法设置成功的: // setAttribute设置padding-top并且转换为百分比 imageBox.setAttribute('padding-top',`${(imageHeight)*100}%`); //setAttribute设置padding-top使用percentage imageB...
jquery获取元素padding
天天向上
03-16 1516
var paddingLeft = $("#contentDiv").css("padding-left"); // 结果："5px" paddingLeft.replace('px', '')); // 结果："5" parseInt(paddingLeft.replace('px', '')); //转换为int
js获取某元素的class里面的css属性值代码(转)
dragoo1的专栏
09-01 7474
这篇文章主要介绍了js获取某元素的class里面的css属性值代码，有需要的朋友可以参考一下 用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style.margin获取。但是你说的只能获取直接在标签中写的style的属性，无法获取标签style外的属性（如css文件中的属性
jq获取元素的padding_JQ常用方法 - 其他关系查找方法
weixin_27374911的博客
01-30 1105
好好学习，天天向上本章主要内容是：JQ其他关系查找方法，find() 后代元素、紧邻的兄弟元素方法（单多选）示例代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...
JS获取DOM的高度包括Padding margin border
热门推荐
xtaydwxf1988的专栏
04-21 1万+
var dom=document.getElementById('center'); var marginTop=getStyle(dom,'marginTop'); alert(parseInt(marginTop)); function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[a
Selenium+Python自动化测试详解：优势、工具与应用
自动化测试(selenium + python)是一种利用自动化工具和技术来增强软件测试过程的方法。它通过编写代码实现测试脚本来代替人工执行测试任务，旨在提高效率、降低成本并确保软件质量。 **自动化测试简介** 自动化测试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值