2022.2

Selector Matched element Matched element after script execution
.name <div>
<h1>Personalinformation</h1>
<pclass="name"><b>Name:</b></p>
</div>
<div>
<h1>Personalinformation</h1>
<pclass="name"><b>Name:</b><span>PeterParker</span></p>
</div>
Thisscript'sselectoris<div>,sothescriptappendsaparagraphtoallDivelementsinthetemplate.
results.append("<p>Peter Parker</p>");

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>");

Page 754