0

How can I use jQuery with the selenium execute_script method, if the current page isn't already using jQuery?

For example:

from selenium import webdriver
driver = webdriver.Firefox()
driver.get(url)
driver.execute_script('$("#id").wrap("<h1></h1>")')

I've tried adding a script like this:

driver.execute_script(
"var jquery_script = document.createElement('script'); 
jquery_script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
document.findElementsByTag('head')[0].appendChild(jquery_script)"
)

But I get errors saying that the jquery_script variable is undefined.

Lord Elrond
  • 13,430
  • 7
  • 40
  • 80
  • 2
    you could use javascript to insert `` to load `jQuery` – furas Sep 15 '19 at 05:38
  • [Load jQuery with Javascript and use jQuery](https://stackoverflow.com/questions/10113366/load-jquery-with-javascript-and-use-jquery) – furas Sep 15 '19 at 05:42
  • @furas thanks, but I've already tried that and couldn't manage to get it to work. I added an update showing my attempt. – Lord Elrond Sep 15 '19 at 16:50
  • you have two mistakes: `getElementsByTagName` instead of `findElementsByTag` and you have to put it in triple `""" """` or you have to put Javascript in one line. And then it runs correctly but still it doesn't create `$` which you can use in next script. Using code from link (in answer marked as accepted) I could run my code with `$` – furas Sep 15 '19 at 19:35

2 Answers2

8

It seems way better to load a local jquery:

with open('jquery.js', errors='ignore') as f:
  driver.execute_script(f.read())

title = driver.execute_script('return $("title").text()')

It's faster and you don't have to worry about timing issues.

pguardiario
  • 53,827
  • 19
  • 119
  • 159
2

You have two mistakes:

  • getElementsByTagName instead of findElementsByTag
  • you have to put it in triple """ """ or you have to put Javascript in one line.

After this it adds jQuery but it need few lines more to use $

First: it needs some time to load jQuery so it needs time.sleep()

Second: this code doesn't create automatically $ and it needs $ = window.jQuery;

from selenium import webdriver
import time

url = 'https://stackoverflow.com/questions/57941221/how-can-i-use-jquery-with-selenium-execute-script-method'
driver = webdriver.Firefox()
driver.get(url)

driver.execute_script("""var jquery_script = document.createElement('script'); 
jquery_script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
document.getElementsByTagName('head')[0].appendChild(jquery_script);""")

time.sleep(0.5) # time to load jQuery library
driver.execute_script('$ = window.jQuery;')

driver.execute_script('$("h1").wrap("<i></i>")')
#driver.execute_script('$ = window.jQuery;$("h1").wrap("<i></i>")')

You can also use jquery_script.onload in first script to run code which will create $ 

jquery_script.onload = function(){var $ = window.jQuery;};

but it still need time.sleep() before you use $.

I took this from Load jQuery with Javascript and use jQuery

from selenium import webdriver
import time

url = 'https://stackoverflow.com/questions/57941221/how-can-i-use-jquery-with-selenium-execute-script-method'
driver = webdriver.Firefox()
driver.get(url)

driver.execute_script("""var jquery_script = document.createElement('script'); 
jquery_script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
jquery_script.onload = function(){var $ = window.jQuery;};
document.getElementsByTagName('head')[0].appendChild(jquery_script);""")

time.sleep(0.5) # time to load jQuery library

driver.execute_script('$("h1").wrap("<i></i>")')

Eventually you can run all in onload and then you don't need time.sleep()

jquery_script.onload = function(){var $ = window.jQuery; $("h1").wrap("<i></i>");};

Full code

from selenium import webdriver
import time

url = 'https://stackoverflow.com/questions/57941221/how-can-i-use-jquery-with-selenium-execute-script-method'
driver = webdriver.Firefox()
driver.get(url)

driver.execute_script("""var jquery_script = document.createElement('script'); 
jquery_script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
// jquery_script.onload = function(){var $ = window.jQuery; $("h1").wrap("<i></i>");};
jquery_script.onload = function(){
  var $ = window.jQuery; 
  $("h1").wrap("<i></i>");
};
document.getElementsByTagName('head')[0].appendChild(jquery_script);""")
furas
  • 134,197
  • 12
  • 106
  • 148