Is it possible to manually set the attribute value of a Web Element using Selenium

Question

Well there is this WebElement, I am dealing with, and I want to change the value of that attribute to something else irrespective of what's on the web page.

For instance, if value=1, then I want to manipulate it to value=10. I'm not sure if I can change the DOM of the page, but I'm guessing i can change the way my Selenium interprets this. PS: I'm using Selenium 2.0.

Answer 1

Yes, its very much possible. You just need to use the JavascriptExecutor class. Its used like this:

WebDriver driver; // Assigned elsewhere
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.getElementById('//id of element').setAttribute('attr', '10')");

Hope it helps!

Get your Selenium certification and become a certified tester today.

Comments

what if id not present

My HTML tag for an element

<span ng-show="field.mandatory" class="fa fa-asterisk mandatory" ng-class="{'mandatory-filled': field.mandatory_filled()}" title="Required" style="padding-right: 0.25em;" aria-label="Required " aria-hidden="false"></span>

---

Hey @siva, In the case of not using an Id, what attribute do want to set?

Answer 2

WebDriver driver; 
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.getElementById('id123').setAttribute('attr', '10')");

// element.setAttribute("style", "background-color: red;");