精华内容
下载资源
问答
  • 在用selenium执行js获取一个元素属性值得时候,在浏览器得控制台执行是可以获取结果得,比如: 用java+selenium执行js: JavascriptExecutor jse = (JavascriptExecutor)driver; String src = (String) jse....

    在用selenium执行js获取一个元素得属性值得时候,在浏览器得控制台执行是可以获取结果得,比如:
    在这里插入图片描述
    用java+selenium执行js:

    JavascriptExecutor jse = (JavascriptExecutor)driver;
    String src = (String) jse.executeScript("document.getElementById(\"J_QRCodeImg\").childNodes[0].src;");
    

    执行得结果src一直为null.
    最后发现 在想输出值得时候必须加个return
    如:

    JavascriptExecutor jse = (JavascriptExecutor)driver;
    String src = (String) jse.executeScript("return document.getElementById(\"J_QRCodeImg\").childNodes[0].src;");
    
    展开全文
  • function getStyle(obj,attr){ return obj.currentStyle? obj.currentStyle[attr]:getComputedStyle(obj)[attr] } 使用示例: ... var oDiv=document.getElementById("test");... alert(getStyle...
      function getStyle(obj,attr){
          return obj.currentStyle?
          obj.currentStyle[attr]:getComputedStyle(obj)[attr]
      }

    使用示例:

      var  oDiv=document.getElementById("test");

      alert(getStyle(oDiv,"top"));

     

     Live and learn!

    转载于:https://www.cnblogs.com/zhaoqiming/p/7988825.html

    展开全文
  • 主要介绍了js获取元素的class里面的css属性值代码,有需要的朋友可以参考一下
  • js获取、设置元素属性值

    万次阅读 2019-07-25 18:52:01
    文章目录...属性名` 网页css和样式结构 #box{ width:100px; height:100px; } <div id="box" style="background:red;"></div> setAttribute 元素...


    网页css和样式结构

    #box{
        width:100px;
        height:100px;
    }
    
    <div id="box" style="background:red;"></div>
    

    setAttribute

    • 元素.setAttribute('属性名',属性值)
    • 设置元素的行间属性,如果原来有这个行间属性会覆盖原来的行间属性
    • 可以通过该方法给元素新增自定义行间属性
    var oBox = document.getElementById("box");
    oBox.setAttribute("width","200px");//给oBox对象新增行间属性width="200px",不能覆盖css样式中的width属性值
    oBox.setAttribute("class","myDiv");//给oBox对象新增行间属性class="myDiv"
    

    getAttribute

    • 元素.getAttribute('属性名')
    • 获取元素的行间属性对应的属性值,不能获取css样式对应的属性值
    • 如果获取的属性不存在返回null
    var oBox = document.getElementById("box");
    console.log(oBox.getAttribute("width"));//null
    

    getComputedStyle

    • 获取经过浏览器计算后的属性
    • 获取的结果是带单位的字符串
    • getComputedStyle是window对象的一个属性,属性值是一个方法。这个方法的返回结果是一个对象
    • 该方法具有兼容性问题,在ie8及以下版本不存在该属性
    var oBox = document.getElementById("box");
    console.log(getComputedStyle(oBox).width);//"100px"
    

    currentStyle

    • 在ie8及以下版本没有getComputedStyle属性,但是存在currentStyle属性。在ie9及以上版本均存在getComputedStyle、currentStyle属性。该属性名在谷歌浏览器不存在
    • 该属性时元素对象上的属性,对应的属性值是一个对象

    元素.style.属性名

    • 获取或设置元素的内置的行间样式属性
    • 返回的结果是带单位的字符串
    • 可以设置元素的内置行间样式属性,属性值是带单位的字符串
    var oBox = document.getElementById("box");
    oBox.style.width = "300px";//将盒子的宽度设置为300px
    
    展开全文
  • 目标元素必须设置position为absolute属性 第三步 方法一:obj.style.left 此方法只能获取元素的行内样式left,使用前在行内设置它的样式,可读可写 方法二:window.getConutedStyle(对象,null).left 只读,此方法...

    方法一
    第一步
    我们要获取到元素(比如用ID),不可以是类数组(比如用class),类数组除了有一些数组的基本特征不可以使用其他方法,你会报错的

    第二步
    目标元素必须设置position为absolute属性

    第三步
    法一:obj.style.left
    此方法只能获取到元素的行内样式left,使用前在行内设置它的样式,可读可写

    法二:window.getConutedStyle(对象,null).left
    只读,此方法存在兼容性问题,IE9以下版本不支持,欧朋浏览器基本支持,伪类元素不支持,微软在IE提供另一个对象currentStyle,两者功能类似,语法格式为obj.currentStyle

    法三:使用obj.offsetLeft来获取对象的left值,同理,使用objoffsetTop来获取对象的top值
    方法二
    element.getAttribute() 来获取
    element.setAttribute() 来获取

    展开全文
  • IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getComputedStyle获得Css的样式对象, 然后通过该对象...
  • js获取元素属性值获取元素内容

    万次阅读 2019-08-16 09:38:26
    js设置属性-element.setAttribute(“属性名称”,“属性值”);获取属性-element.getAttribute(“属性名称”)。 jq中var a = $(“标签”).attr(“属性”);或var a = $(“标签签”).prop(“属性”); 什么时候用什么呢...
  • JS获取元素属性的8大方法

    千次阅读 2019-11-03 09:52:55
    今天想聊聊在Web前端开发中经常用到的技术:获取元素属性的一系列方法【innerHTML、outerHTML、innerText 、outerText、value、tex...
  • 项目中经常用到的方法,放这边省的写其他项目用到了还要重新写或者翻以前项目 function getDomByAttr(className, attrName, value) { let els = []; let doms = window.document.getElementsByClassName(className...
  • js获取元素具体样式属性值

    千次阅读 2016-06-18 16:55:34
    属性名需要把元素的样式都写在行内样式上才可以(写在样式表中不起作用) 在真实项目中,这种方式不常用(无法实现css和html分离)2.使用window.getComputedStyle这个方法获取所有经过浏览器计算过的样式(只要当前...
  • 22 H5原生JS获取元素class属性值及操作 前面说到每一个预定义属性都有一个property与之对应。因为class是关键字因此attribute对应的property名称为className,通过className我们可以获取到元素class的属性值。 1...
  • js获取元素属性

    千次阅读 2016-06-27 21:10:55
    获取Input标签自定义属性  : HTML代码: JavaScript代码: 因为data不是input标签原生的属性,所以不能使用"点"操作。 非标准属性,要用:obj.getAttribute("data");的方式。 错误的用法:var data...
  • 点击h5 标签,如何才能获取当前对应的自定义属性值呢? 想当然的我最开始这样写: <h5 class=left click='getDataId' data-id=item.id></h5> [removed] methods: { getDataId() { console.log(this.data-id); ...
  • 主要介绍了JS实现获取自定义属性data的方法,结合实例形式较为详细的分析了javascript针对自定义属性data的相关操作技巧,需要的朋友可以参考下
  • 有时候我们想获取到一个标签的名称,例如:<div>a得到“div”。请看下面的例子: 页面上有一个class=”a”的标签,可能是input,也可能是普通的div或者是span标签,现在我们要往这个标签加一个“value1”。如果是...
  • 经常会用到js获取元素的CSS样式,由于方法众多,在下面的文章中为大家详细整理下
  • js获取元素内容与属性值

    千次阅读 2018-08-06 20:16:46
    $('定位元素').data('xx') 用于定位元素的方式有用class定位(语法:$(".class的")),用id(语法$("#id的"))。或者是直接用标签定位(“td”)等等 layui中可以用来绑定click事件:如$...
  • JS获取元素属性和自定义属性

    千次阅读 2018-09-11 18:41:34
    获取元素属性分为两种类型: 1-获取元素常见的属性(class,id,type,value……) 2-获取自定义的元素的属性(data-value,data-mess…….)   获取元素属性,设置元素的属性: 1-原生JS 设置属性 ....
  • js获取css属性值

    万次阅读 2018-03-21 16:40:59
    因为之前用惯了jq来获取和设置css属性,然后在做demo不使用jq的情况下,竟然在这一点上碰到了问题,然后就自个搜了搜为什么,在查看了很多文档和博客之后才终于搞明白了。 &lt;style&gt; .box{ width:200...
  • js 获取元素节点 一份document就是一棵节点树 // 1. 根据元素id名称获取dom, return→对象 document.getElementById('submit_btn') // 2. 根据元素标签名称获取dom, return→对象数组 document....
  • 首先用一段简短的代码查看Selenium.webdriver的所有属性 from selenium import webdriver # 导入webdriver包 ...print( dir(browser) ) #获取所有属性名 红色字体为常用的方法! ['CONTEXT_CHROME',...
  • 在学习DOM的时候就看到通过ele.style来获取元素样式,但是有时候获取的并非是节点的样式,而是空值。这是因为ele.style只能获取写在元素标签中的style属性里的样式,无法获取到定义在<style></style&...
  • JS获取元素属性和ES6获取自定义属性

    千次阅读 2020-04-30 14:17:58
    获取元素属性分为两种类型: 1. 获取和设置元素常见的属性(class,id,type,value…) //js 设置属性 .setAttribute("属性","") 获取属性 .getAttribute("属性") //jQuery 设置属性 .attr("属性","") 获取...
  • js操作获取dom元素的样式属性值 obj.style: 只能获取行内属性,而无法获取定义在<style type="text/css">里面的属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...
  • getElementById() 根据id获取元素,只会返回第一个元素 getElementsByName() 获取所有指定name的元素集合 getElementsByTagName() 返回所有指定标签的元素集合 2.修改元素 属性名在js中的写法 html的属性js里面...
  • 最近在做项目的时候遇到一个问题,需要获取一个动态预览的图片的地址,这其实不是什么问题,主要是该图片的路径是写在css的background-img属性中的,于是决定要用js获取它的url中的内容,下面给大家分享解决的方法,...
  • 步骤: 1.在dom元素里定义一个:data-自定义名={{要传递的}} 2.在方法的事件对象e里通过e.currentTarget.dataset.自定义名可以获取传递过来的. 效果:
  • js获取元素节点属性

    千次阅读 2019-10-15 15:44:23
    js 获取页面节点及其属性

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 230,703
精华内容 92,281
关键字:

js获取元素属性值