Javascript 按钮单击在 selenium webdriver 中不起作用

Question

I am trying to automate hitting a javscript button using a python script and web driver however no matter how I try to refer to the element it doesn't seem to activate the javscript. Here's an excerpt from the website I am trying to hit the button on:

<li>
<a href="javascript:;" data-blogid="19079" id="picture-trigger">
<i class="glyphicon glyphicon-picture light-red"></i >
<span> Picture </span >
</a >
</li >

I've tried selecting by CSS selector, by XPATH and while I see the element being selected (doted line around it when running), nothing happens.

I've also tried both.click() and.submit() neither one seems to work. Here's my most recent attempt:

element = mydriver.find_element_by_id("picture-trigger")
element.click()

I think perhaps the issue is the javascript:; isn't being triggered when called from web driver the same way it is when an interactive user hits it but I'm at a loss for how else to automate clicking it.

Does anyone with more web driver experience know why this isn't working or how I can get this working?

Thanks Brad

Here's what I see when I run the code:

Here's what it looks like when I manually click on the button:

Answer 1

I think the issue lies in the fact that the site is using jquery. I was able to work around this using the following:

time.sleep(3);
mydriver.execute_script("$('.light-red').click();")

time.sleep(3);
mydriver.execute_script("$('.uploadbutton').click();")

There may be a better way than using time.sleep but I spent so much time fighting with trying to get the div to unhide that its good enough for now.

Hopefully this helps someone else out in a similar situation. Thanks to everyone for all the help.

Answer 2

Here is how I find my way to click on an element using XPath:

1. Browse in the target page where the button is located(Tried with FireFox).
2. Right click on the button and select Inspect elements.
3. Right click on the HTML code of the button and in Copy select XPath.
4. Now you have the XPath copied to your clipboard.

Now you just have to call this line:

document.getElementByXPath("PASTE THE XPATH HERE").click()