Selenium - Enter a text using java script

Question

Insert a value in a particular element by using javascript

Html code

<div class="CodeMirror-code" style="">
<div style="position: relative;">
<div style="position: absolute; left: -52px;">
    <div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 18px; width: 12px;">1</div>
</div>
<pre>
    <span class="cm-word"></span>
</pre>
</div>
</div>

I need to insert a text in the span class <span class="cm-word"></span>

Code:

WebDriver driver = DriverFactory.getWebDriver()
WebElement webElement = driver.findElement(By.xpath("//div[@class='CodeMirror-code']//pre"))
JavascriptExecutor executor = ((driver) as JavascriptExecutor)
executor.executeScript("arguments[0].value='sample text';", webElement)

When I execute the code value was not inserted and I'm not getting any error. Normal setText method not working, so that I choose the javascript option.

This is a salesforce application console mode execution

Greg Burghardt · Accepted Answer · 2020-07-09 13:57:27Z

1

Use the innerHTML property instead:

executor.executeScript("arguments[0].innerHTML = 'sample text';", webElement)

Alternatives:

textContent: arguments[0].textContent = 'sample text'
innerText: arguments[0].innerText = 'sample text'

The value property is used for form fields that allow user input.

answered Jul 9, 2020 at 13:57

Greg Burghardt

19.2k10 gold badges58 silver badges105 bronze badges

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

Collectives™ on Stack Overflow

Selenium - Enter a text using java script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related