How to chain selectors in Javascript without jQuery -
while trying manipulate layout of external sites forced use chain of selectors target specific element want. first time encountered offered jquery solution , easy results. prefer not rely on jquery , know how feasible in standard javascript. here example jquery 'chain' -
$('div[id="entry"] > p[class="header"] > span[id="title"] > div[class*="entry"] > p[class="title"] > a[class*="target"]').. etc so html structure roughly
<div id="entry"> <p class="primary"> <p class="header"> <span class="side"> <span id="title"> <div class="secondary entry"> <p class="return"> <p class="title"> <a class="img"> <a class="mytargetelement"> so how possible normally? thanks.
enter document.queryselectorall.
it's jquery uses internally browsers support it. syntax same in jquery (sizzle) selectors, see selectors api.
Comments
Post a Comment