2022.2

var a = loadhtml('snippets/snippet.html');
results.prepend(a);

Selector Matched element Matched element after script execution
div <divid="box">
<p>PeterParker</p>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>

Thisscriptusesthefunctionquery()tofindabox.Thenitinsertsaheadingasthefirstelementinthat
box.
query("#box").prepend("<h1>Personal information</h1>");

Matched element Matched element after script execution
<divid="box">
<p>PeterParker</p>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
Thisscriptusesthefunctionquery()tofindabox,prependsaheadingandsetsthetextcolorofthe
entireboxtored.
query("#box").prepend("<h1>Personal information</h1>").css("color","red");

Matched element Matched element after script execution
<divid="box">
<p>PeterParker</p>
</div>
<divid="box"style="color:red;">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
Note: Thewaythefunctionsprepend()andcss()areusedinthisscriptiscalled'chaining'.Chain-
ingisoptional;thesamecouldbeachievedbystoringtheresultofthequeryinavariable:
Page 1230