How to insert a text into a div node using Selenium and Python

Question

I want to put a text into div () by using selenium. I use python and insert javascript into my code. Here is my code :

js="document.getElementsByClassName(\"inputPanel\")[0].innerText=\"hello!\";"

But It remind me there is a mistake:

selenium.common.exceptions.WebDriverException: Message: unknown error: Cannot set property 'innerText' of undefined

how can I solve this problem? If you can help, I would appreciate it !!

Please paste the code here, in a formatted way. meta.stackoverflow.com/questions/251361/… — return
– return, Commented Mar 14, 2019 at 7:53

undetected Selenium · Accepted Answer · 2019-03-16 22:05:04Z

1

To insert a character sequence into a <div> node you can use the following solution:

my_desired_text = "lzylzylzy"
driver.execute_script("document.getElementsByClassName('inputPanel')[0].innerHTML="+ my_desired_text)

edited Mar 16, 2019 at 22:05

answered Mar 14, 2019 at 15:49

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

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

6 Comments

lzy Over a year ago

but i still get this warning @DebanjanB

lzy Over a year ago

it said my desired text is not defined,i wonder if you can help me further.thank you@DebanjanB

undetected Selenium Over a year ago

@Izy my_desired_text is a variable which you can assign with any text. I have updated my answer. Let me know if you need further help.

lzy Over a year ago

thank you for your further help ! yeah ,i know what you mean,i replaced my_desired_text with string before.and also i used your answer to replace my code.But it still warn me like this:selenium.common.exceptions.WebDriverException: Message: unknown error: lzylzylzy is not defined . i thought maybe it is not a grammar mistake.@DebanjanB

lzy Over a year ago

i only know that we usually use <input> to upload string.but this time i find that <div> is editable.i want to upload a string into it .the webpage source code is like this: <div contenteditable="true" class="inputPanel" style="height: 83px; outline: 0px; border: 0px; overflow: hidden auto; font-size: 14px; line-height: 18px; width: 100%; resize: none;"></div>. would you please give me some suggestion to solve this problem？ @DebanjanB

|

Waqar Nadir · Accepted Answer · 2019-03-14 10:14:15Z

1

Remove . placed before inputPanel and also there is no end tag of [

Expected Code will be

document.getElementsByClassName(\"inputPanel\")[0].innerText=\"hello!\";"

answered Mar 14, 2019 at 10:14

Waqar Nadir

3882 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to insert a text into a div node using Selenium and Python

2 Answers 2

6 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Linked

Related