Tekstvelden invullen en op koppelingen klikken met JavaScript

Sommige webtoepassingen hebben mogelijk ontwerpbeperkingen waardoor browserautomatiseringsacties geen tekstvelden kunnen vullen of op koppelingen en knoppen kunnen klikken.

Een alternatieve aanpak om deze webtoepassingen te automatiseren, is het gebruik van de actie JavaScript-functie uitvoeren op webpagina, waarmee u JavaScript-code op webpagina's kunt uitvoeren.

Voordat u de actie JavaScript-functie uitvoeren op webpagina implementeert, hebt u de CSS-selector van het element dat u wilt invullen of aanklikken nodig. Als u de selector wilt ophalen, gaat u naar het tabblad UI-elementen en selecteert u UI-element toevoegen.

Schermopname van de optie UI-element toevoegen op het tabblad UI-elementen.

Ga, nadat u het UI-element hebt gemaakt, opnieuw naar het tabblad UI-elementen, selecteer het gemaakte UI-element en open de selector met de Opbouwfunctie voor selector.

Schermopname van de gemaakte CSS-selector.

Kopieer nu het laatste element van de selector aan de rechterkant van het laatst voorkomende >-teken.

Schermopname van de gemaakte CSS-selector in de opbouwfunctie voor selector.

Note

Meer informatie over dynamische selectors vindt u in Een aangepaste selector bouwen.

Om een tekstveld in te vullen, implementeert u de actie JavaScript-functie uitvoeren op webpagina en vult u de volgende code in het veld JavaScript-functie in. Nadat u de code hebt geplakt, vervangt u de tijdelijke aanduidingen voor CSS-selector en in-te-vullen-waarde door respectievelijk de eerder gekopieerde selector en de waarde die moet worden ingevuld.

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].value="value-to-populate";
}

OR

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].innerText="value-to-populate";
}

Schermopname van de actie Javascript-functie uitvoeren op webpagina die is geconfigureerd voor het invullen van een tekstveld.

Gebruik de volgende code om op een koppeling te klikken of op een knop te drukken:

function ExecuteScript()
{
document.querySelectorAll('CSS-Selector')[0].click();
}