2022.2

Selector Matched element Matched element after script execution
div <div>
<h1>Personalinformation</h1>
</div>
<div>
<h1>Personalinformation</h1>
</div>
<div>
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
<div>
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
ThefollowingscriptappendsasnippettoaDivelementwiththeIDbox.
var a = loadhtml('snippets/snippet_name.html');
results.append(a);

Selector Matched element Matched element after script execution
#box <divid="box">
<h1>Personalinformation</h1>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
ThisscriptlooksforanelementwiththeIDboxandappendsaparagraphtoit.
query("#box").append("<p>Peter Parker</p>");

Matched element Matched element after script execution
<divid="box">
<h1>Personalinformation</h1>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
ThisscriptlooksforanelementwiththeIDbox,appendsaparagraphtoitandcolorsalltextinsidethe
boxred.
query("#box").append("<p>Peter Parker</p>").css("color","red");

Page 789