在selenium中设置html5 的hidden属性

最新推荐文章于 2024-08-09 07:45:00 发布

chenmo604

最新推荐文章于 2024-08-09 07:45:00 发布

阅读量1.6k

点赞数

分类专栏： Selenium Javascript

本文链接：https://blog.csdn.net/chenmo604/article/details/45220875

版权

Selenium 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Javascript

4 篇文章 0 订阅

订阅专栏

网页源代码：

<span class="input-style">http://edge.convers....../0/299/manifest.m3u8</span>

<span hidden="true" id="cdns">http://edge.conversant.swiftserve.com/aaaa/fc-aaaa/d/5297/0/299/manifest.m3u8</span>

在selenium中用javascript的调用，代码如下：

js.executeScript("var text= document.getElementById('cdns'); text.removeAttribute(\"hidden\"); ");

System.out.println(wd.findElement(By.xpath("//div[@id='"+distToID+"']/div/div[2]/div/span[@id='cdns']")).getAttribute("hidden"));
System.out.println(wd.findElement(By.xpath("//div[@id='"+distToID+"']/div/div/table/tbody/tr["+i+"]/th")).getText()+".m3u8 = " +wd.findElement(By.xpath("//div[@id='"+distToID+"']/div/div[2]/div/span[@id='cdns']")).getText());

console的输出信息如下：

null //输出hidden属性，为null
main.m3u8 = http://edge.conversant.swiftserve.com/aaaa/fc-aaaa/Aaaa_cdnresult/5293/0/300/manifest.m3u8 //输出显示的m3u8

值得注意的是，即使用document.getElementById('cdns').hidden='false' 的语句也没有产生变化，输出hidden=true

网上参考信息：

hidden属性在html5中，只要存在，就是隐藏效果，而不论值为多少

要显示元素，要删除hidden属性，而不是设置为false

 
      <script type= 
      "text/javascript"  
      async= 
      "true" 
      > 
     
      function  
      qq_onclick(){ 
     
      var  
      text_2=document.getElementById( 
      "text_1" 
      ); 
     
      text_2.removeAttribute( 
      "hidden" 
      ); 
     
      } 
     
      function  
      qq_close(){ 
     
      var  
      text_1=document.getElementById( 
      "text_1" 
      ); 
     
      text_1.setAttribute( 
      "hidden" 
      , 
      true 
      ); 
     
      } 
     
      </script>