Clash Royale CLAN TAG#URR8PPP

How to find, replace and write text in to the text field by xpath-javascript?

Text-field with elements

HTML

This is my first question here. Any suggestions to improve are helpful.

I have added two images. First image shows that text-field/box along with HTML elements. I need to get the value "www.google.com/abc" and replace abc with xyz and write back to the same text-box.

www.google.com/abc

abc

xyz

1) I am able to do this, when element has unique attributes like ID, ClassName as below

unique

like ID, ClassName

var tmp1 = (document.getElementById('properties.landingPageUrl').value.toLowerCase()).replace('abc','xyz');
document.getElementById("properties.landingPageUrl").value=tmp1;


2) In the attached first image,<input type="text" autocomplete="off" class="a-input-text a-width-extra-large" value="" data-reactid=".0.5.2.0.1.4.1.0.0:$0.1.0.0:$/=10"> has ClassName a-input-text a-width-extra-large , which is not identical. For another text box also, it shows same ClassName. So, to make it unique used xpath: //span[contains(text(),"Third party click tracking URL")]/../../../div[2]//input , which points to a particular text-box (for field 'Third party click tracking URL').

<input type="text" autocomplete="off" class="a-input-text a-width-extra-large" value="" data-reactid=".0.5.2.0.1.4.1.0.0:$0.1.0.0:$/=10">

ClassName

a-input-text a-width-extra-large

xpath: //span[contains(text(),"Third party click tracking URL")]/../../../div[2]//input

How can i get the value from text-box and replace by some pattern and write back to the text-box (`in the second instance`) ?


I tried document.EelementByXpath, but not working

document.EelementByXpath

ERROR

Uncaught TypeError: document.getElementByXpath is not a function
at HTMLInputElement.eval (userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:9428)
at HTMLInputElement.dispatch (userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:3335)
at HTMLInputElement.eventHandle (userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:2944)
(anonymous) @ userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:9428
dispatch @ userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:3335
eventHandle @ userscript.html?id=935b3faf-380a-4fa1-ba80-e2a14b01fe91:2944


So, is there any method which can be used for xpaths or any other way to achieve the second instance ?

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.