2022.2

Selector Matched element Matched element after script execution
.name <div>
<h1>Personalinformation</h1>
<pclass="name">PeterParker</p>
</div>
<div>
<h1>Personalinformation</h1>
<pclass="name"><b>Name:</b>PeterParker</p>
</div>
Thisscriptinsertscontentinmultiple<div>elementsatthesametime.
results.prepend("<h1>Personal information</h1>");

Selector Matched element Matched element after script execution
div <divid="box">
<p>PeterParker</p>
</div>
<divid="box">
<p>PeterParker</p>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
<divid="box">
<h1>Personalinformation</h1>
<p>PeterParker</p>
</div>
Thisscriptprependsasnippetthatcontainsthetext"<h1>Personalinformation</h1>".
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>");

Page 1263