How to locate and write text into textarea using python and javascript?

Question

Hei,

I am trying to write something inside a textarea element with python selenium and a javascript: The js is: self.driver.execute_script("document.getElementsByClassName('textarea').value='tesssst';")

But it does not get the text there and I have tried with other get elements by (..).

It works if I use self.driver.find_element_by_css_selector("textarea").send_keys(code)

or by xpath. But the problem with this method is that 'code' variable is pretty big and javascript works faster. Also, if I use

send_keys(keys.control + c/v)

it gives me an extra dot at the start of the text and I have no idea why would that even happen. Any sugestions?

PDHide · Accepted Answer · 2020-12-07 17:53:05Z

1

self.driver.execute_script( "$('pre#editor').text("jsdasdsjj");")

Or

self.driver.execute_script( "arguments[0].text('tesssst');",self.driver.find_element_by_css_selector("pre#editor"))

use textContent to set the value

edited Dec 7, 2020 at 17:53

answered Dec 7, 2020 at 14:58

PDHide

20.1k2 gold badges43 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

Hakai Over a year ago

This is not working in any way and 'text('tesssst');" i think its not the right format at all. Maybe text='tesssst';, but anyway, it is not working.

PDHide Over a year ago

testarea is not class name but tag name

Hakai Over a year ago

It stil doesnt work. I can write if i use send_keys using xpath('/html/body/form/div[4]/div/pre/textarea') or css_selector("textarea") , but i still cant find it using jscript. Wtf is going on?!

PDHide Over a year ago

Did you try the first answer $('textarea').textContent ="something"

Hakai Over a year ago

I tried it in the format you wrote it. Not sure if i should add something before $

|

Struggleisreal · Accepted Answer · 2020-12-07 16:42:05Z

0

getElementsByClassName returns an array, so I think you need to get the first element of that array. Try the following code:

driver.execute_script('document.getElementsByClassName("className")[0].value="yourValue"')

answered Dec 7, 2020 at 16:42

Struggleisreal

1025 bronze badges

7 Comments

Hakai Over a year ago

It does not work, even if I change value to text or textContent.

Struggleisreal Over a year ago

What is the class of the element you are trying to type into? You need to replace className with that

Hakai Over a year ago

I have updated the pictures in the main post. So ace editor its the thing that displays my texarea. The value contains at value attribute the text i want to edit. Inside chrome, using dev tools i am not allowed to manually change value because it says its too big.

Struggleisreal Over a year ago

I saw the images, replace "className" with "ace_text-input", it should work

Hakai Over a year ago

I tried and it does not work. This way i cant get it not via send_keys (and send_keys works with xpath or css selector)

|

Raad A. · Accepted Answer · 2022-03-23 18:43:23Z

0

I have been trying out the options provided in PDHide's answer, and the following worked for me finally:

self.driver.execute_script( "arguments[0].value += 'tesssst';",self.driver.find_element_by_css_selector("pre#editor"))

For your reference, I am using selenium version 3.1.4, chrome version: 91.0.4472.114 and ChromeDriver 91.0.4472.19

answered Mar 23, 2022 at 18:43

Raad A.

531 silver badge8 bronze badges

Collectives™ on Stack Overflow

How to locate and write text into textarea using python and javascript?

3 Answers 3

14 Comments

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

14 Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related