我如何获取对OnChange作出反应的元素的ID

时间:2014-01-14 07:08:48

标签: javascript dom selenium-webdriver firebug google-chrome-devtools

PS: - 这是一个通过点击小部件激活的CSS代码。谢谢。一旦我开始知道它是CSS,小部件名称和动作(悬停)我能够管理。

上述PS之前的问题: -

我有一个小部件,其中一个侧栏菜单滑出。我想获得这个元素的ID在Selenium中编程。但是要使用Firebug或Chrome'识别元素',我需要将鼠标放在小部件上。但是,只要我接近NEAR小部件,它就会激活侧栏,我不知道这个元素的ID。

有什么方法可以掌握这个小部件的身份?

我尝试按照下面的回答建议禁用Javascript,但它没有帮助。也许这是启用滑块的代码: -

#content-wrap1 {
  position: fixed;
  z-index:999;
  top: 40px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#sidebar1{
  position: fixed;
  z-index:999;

  top: 0px;
  left: -250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#content-wrap1:hover {
  left: 50px;
  z-index:999;
}
#content-wrap1:hover #sidebar1{
  left: 0;
  z-index:999;

1 个答案:

答案 0 :(得分:1)

如果使用Javascript完成滑出,您可以暂时禁用Javascript,然后检查ID。

另一种方法是单击周围的元素,然后在源视图中接近元素。

更新

似乎幻灯片已完成CSS过渡。您可以使用:hover伪选择器查找选择器。

在这种情况下,id似乎是content-wrap1

#content-wrap1:hover {
  left: 50px;
  z-index:999;
}
#content-wrap1:hover #sidebar1{
  left: 0;
  z-index:999;

当鼠标悬停在sidebar1上时,会显示content-wrap1

请注意,这只是猜测。