APEX tag vs id vs class

JavaScript performance comparison

Test case created by

Preparation code

<body class="t-PageBody t-PageBody--hideLeft t-PageBody--hideActions no-anim   apex-top-nav"  id="t_PageBody">
<form action="wwv_flow.accept" method="post" name="wwv_flow" id="wwvFlowForm" novalidate >
<input type="hidden" name="p_flow_id" value="9914" id="pFlowId" /><input type="hidden" name="p_flow_step_id" value="10" id="pFlowStepId" /><input type="hidden" name="p_instance" value="14003348427355" id="pInstance" /><input type="hidden" name="p_page_submission_id" value="17037058442166" id="pPageSubmissionId" /><input type="hidden" name="p_request" value="" id="pRequest" />
<header class="t-Header" id="t_Header">
  
  <div class="t-Header-branding">
    <div class="t-Header-controls">
      <button class="t-Button t-Button--icon t-Button--header t-Button--headerTree" id="t_Button_navControl" type="button"><span class="t-Icon fa-bars" aria-hidden="true"></span></button>
    </div>
    <div class="t-Header-logo">
      <a href="f?p=9914:13:14003348427355" class="t-Header-logo-link"><span >Series Elephant</span></a>
    </div>
    <div class="t-Header-navBar">
      <ul class="t-NavigationBar  " id="27973934055813928140"><li class="t-NavigationBar-item ">
  <a class="t-Button t-Button--icon t-Button--header t-Button--navBar" href="apex_authentication.logout?p_app_id=9914&p_session_id=14003348427355" role="button">
    <span class="t-Icon "></span><span class="t-Button-label">Log Out</span><span class="t-Button-badge"></span>
  </a>
</li></ul>
    </div>
  </div>
  <div class="t-Header-nav">
    <div class="t-Header-nav-list  js-tabLike" id="10_menubar"><ul style="display:none"><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon=""><a href="f?p=9914:13:14003348427355::NO:::" title="">Remember Me</a></li><li data-current="true" data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon="fa&#x20;fa-search"><a href="f?p=9914:10:14003348427355::NO:::" title="">Find Series</a></li><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon="fa&#x20;fa-question"><a href="f?p=9914:1:14003348427355::NO:::" title="">About</a></li><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon=""><a href="f?p=9914:3:14003348427355::NO:::" title="">User List</a></li></ul></div>
    
  </div>
</header>
    <div class="t-Body">
  
  <div class="t-Body-main">
      <div class="t-Body-title" id="t_Body_title">
        <div id="R27974399623755626408"  class="t-BreadcrumbRegion t-BreadcrumbRegion--showBreadcrumb t-BreadcrumbRegion--useBreadcrumbTitle"> 
  <div class="t-BreadcrumbRegion-body">
    <div class="t-BreadcrumbRegion-breadcrumb">
      <ul class="t-Breadcrumb  "><li class="t-Breadcrumb-item is-active"><span class="t-Breadcrumb-label">Find Series</span></li></ul>
    </div>
    <div class="t-BreadcrumbRegion-title">
      <h1 class="t-BreadcrumbRegion-titleText">Breadcrumb</h1>
    </div>
  </div>
  <div class="t-BreadcrumbRegion-buttons"><button onclick="javascript:apex.navigation.dialog(&#x27;f?p=9914:11:14003348427355::NO:RP,11::\u0026cs=3xICpOufqDD-iqYPwnkcZYZwgViQT_8Bkm1LeSnYYPBqcL33c_y9aoFZTtsKI5E9gLIg8Nkg7dmAftlIT7KD_AA\u0026p_dialog_cs=pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,{title:&#x27;Series&#x27;,height:&#x27;500&#x27;,width:&#x27;720&#x27;,maxWidth:&#x27;960&#x27;,modal:true,dialog:null},&#x27;t-Dialog--standard&#x27;,$(&#x27;#B27014573572843038026&#x27;));" class="t-Button t-Button--hot  " type="button"  id="B27014573572843038026"><span class="t-Button-label">Add Series</span></button></div>
</div>
      </div>
      <div class="t-Body-content" id="t_Body_content">
        
        <div class="t-Body-contentInner">
          <div class="container">
<div class="row">
<div class="col col-12 " >
<div id="R27974393104160626397"  class=""> 
<div class="container">
<div class="row">
<div class="col col-12 " >
<div class="t-Form-fieldContainer rel-col   t-Form-fieldContainer--stretchInputs t-Form-fieldContainer--large" id="P10_REPORT_SEARCH_CONTAINER"><div class="t-Form-labelContainer col col-1">
<label for="P10_REPORT_SEARCH" id="P10_REPORT_SEARCH_LABEL" class="t-Form-label">Search</label>
</div>
<div class="t-Form-inputContainer col col-11"><input type="hidden" name="p_arg_names" value="27974390465341626393" /><input type="text"  id="P10_REPORT_SEARCH" name="p_t01" placeholder="Type&#x20;whatever&#x20;you&#x20;like" class="text_field" value="" size="30" maxlength="15" onkeypress="return apex.submit({request:'P10_REPORT_SEARCH',submitIfEnter:event})"  /></div></div>
</div>
</div>
</div><div id="report_27974393104160626397_catch"><div class="t-Report   t-Report--altRowsDefault t-Report--rowHighlight" id="report_R27974393104160626397" >
  <div class="t-Report-wrap">
    <table class="t-Report-pagination" role="presentation"><tr><td colspan="4"><table role="presentation" ><tr><td class="pagination"></td><td class="pagination"></td><td nowrap="nowrap" class="pagination"><span class="t-Report-paginationText"><b>1</b>&nbsp;</span></td><td class="pagination"></td><td class="pagination"></td></tr></table></td></tr></table>
    <div class="t-Report-tableWrap">
    <table class="t-Report-report" summary="Find Series">
<thead><tr><th class="t-Report-colHead"  align="center"  id="ID" ></th><th class="t-Report-colHead"  align="center"  id="NAME" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a  href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_2_desc')" title="Sort by this column">Name</a></span><span class="u-Report-sortIcon a-Icon icon-rpt-sort-asc"></span></div></th><th class="t-Report-colHead"  align=""  id="YEAR" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a  href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_3')" title="Sort by this column">Year</a></span></div></th><th class="t-Report-colHead"  align="center"  id="N_SEASONS" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a  href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_4')" title="Sort by this column"># Seasons</a></span></div></th></tr></thead>
<tbody>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;84&#x5C;u0026cs&#x3D;3-kaah9g7JFm4EK1eYyA2QYE4C1dniJ7LhxAl6_RZYnlLml2AQZnD1otw1OweP964BMM7sP500sIdpEIUdssrTA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;84" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Breaking Bad</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">5</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;21&#x5C;u0026cs&#x3D;3Kwe51wh3DKNyrZbj3CNUDwI9vq7W6Myqqzbi3qSyk5BAAlF2yiT2isw3_XUx24wxVcWIBdXcFDogz3aA0DQt0g&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;21" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Continuum</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">2</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;81&#x5C;u0026cs&#x3D;3LsLtMAjfXAr-RYUY8vSlXo0rhWM9kz3KqnXNfzSAbD0ee_IIdLxlt7oN0ItxnvLIoZCOYT5XOfkaWE0kc83N5g&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;81" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Da Vinci&#x27;s Demons</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">2</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;82&#x5C;u0026cs&#x3D;3SASgy9p87BARMmkwZicTcK9bb_pyB-P5Md4jR1XOss13wo3ZboINYUDQhP7quUJONT3WnrIkmw5vhsB8OyzNEg&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;82" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Hannibal</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">2</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;62&#x5C;u0026cs&#x3D;3EflzbN7f-aUU2kkFnl-tLJic8fY2BO7-XmrubAEFGSLJgolqLFr_-FLaH0b0WJAej4dvJv3nGpX8e7LFaFwvzA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;62" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Homeland</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">5</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;41&#x5C;u0026cs&#x3D;3SJXfbKYHq2I_3L69MIMwC8PuyNnmBtixXMJuQM3-RD8TTEyu_bxfLXhMJ_YZ4Ebau6uQ8HYOC9IhbuSVyXKUKA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;41" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Modern Family</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">6</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;1&#x5C;u0026cs&#x3D;3AvGVo__GHgtGshjgCJC4RdJLNfB__7iS7EqxlIp0LmqieVi1vJ8S1_d8-8q_uOjy9zShXKvJY6M00xkniXDdIg&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;1" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Mr Robot</a></td><td class="t-Report-cell"  headers="YEAR">2015</td><td class="t-Report-cell"  headers="N_SEASONS">2</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;61&#x5C;u0026cs&#x3D;3V-n-GwKoVFDVoYE37EJ2IKnvlPgsCHnLBb2b3Bbxs_HJktPz8ls-maNVUSVFP_JjvJM1SgcnMOFVMhxSC94VFQ&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;61" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">New Girl</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">5</td></tr>
<tr><td class="t-Report-cell"  headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;83&#x5C;u0026cs&#x3D;3thT6sqY4bjHi5HP_HRrwMb3zwU2Cu-ujXVys60QHx-fiVDmB-mT_AY9SuH9WCaO9v2tYT8mt_KieObTW-gvTEA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell"  headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;83" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">The Mob Doctor</a></td><td class="t-Report-cell"  headers="YEAR">&nbsp;</td><td class="t-Report-cell"  headers="N_SEASONS">1</td></tr>
      </tbody>
    </table>
    </div>
    <div class="t-Report-links"><a href="javascript:window.location.href=apex.server.url({p_request: 'FLOW_EXCEL_OUTPUT_R27974393104160626397_en',pageItems: '#P10_REPORT_SEARCH'},10);">Download as CSV</a></div>
    <table class="t-Report-pagination t-Report-pagination--bottom" role="presentation"></table>
  </div>
</div></div>
</div>
</div>
</div>
</div>
        </div>
        <footer class="t-Footer">
          release 1.0
          
          <a href="f?p=9914:10:14003348427355:SET_SESSION_SCREEN_READER_ON::::">Set Screen Reader Mode On</a>
          
        </footer>
      </div>
  </div>
</div>
<div class="t-Body-inlineDialogs">
  
</div><input type="hidden" name="p_md5_checksum" value=""  /><input type="hidden" name="p_page_checksum" value="b9k7-v0bTGBjo8BAeZ7TpwgEBhmiijlSYzNCOMBZwGiZ5HUhl0YncrZMJaTXvWtrezXDuBA4kOWJOx74otZpfA" id="pPageChecksum" /></form>
<div id="apexDevToolbar" class="a-DevToolbar a-DevToolbar--bottom" style="display:none"><h1 class="u-VisuallyHidden">Developer Toolbar</h1><ul class="a-DevToolbar-list">
<li><button id="apexDevToolbarHome" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Application Express Home Page" aria-label="Home" data-link="f?p=4500:1000:9060819709610">
<span class="a-Icon icon-home" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Home</span>
</button></li>
<li><button id="apexDevToolbarApp" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Application 9914" aria-label="Application 9914" data-link="f?p=4000:1:9060819709610::NO:1,4150,RP:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10">
<span class="a-Icon icon-edit-app" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Application 9914</span>
</button></li>
<li><button id="apexDevToolbarPage" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Edit Page 10" aria-label="Edit Page 10" data-link="f?p=4000:4500:9060819709610::NO:1,4150:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10">
<span class="a-Icon icon-edit-page-alt" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Edit Page 10</span>
</button></li>
<li><button id="apexDevToolbarSession" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Session" aria-label="Session" data-link="f?p=4000:34:9060819709610:PAGE:NO:34:F4000_P34_SESSION,F4000_P34_FLOW,F4000_P34_PAGE,FB_FLOW_ID:14003348427355,9914,10,9914">
<span class="a-Icon icon-page-session" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Session</span>
</button></li>
<li><button id="apexDevToolbarViewDebug" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="View Debug" aria-label="View Debug" data-link="f?p=4000:19:9060819709610:::RIR,19:IR_APPLICATION_ID,IR_PAGE_ID:9914,10">
<span class="a-Icon icon-page-debug" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">View Debug</span>
</button></li>
<li><button id="apexDevToolbarDebug" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Debug" aria-label="Debug" data-link="f?p=9914:10:14003348427355::YES">
<span class="a-Icon icon-debug" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Debug</span>
</button></li>
<li><button id="grid_debug_on" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Show Grid" aria-label="Show Grid">
<span class="a-Icon icon-grid-layout" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Show Grid</span>
</button></li>
<li><button id="grid_debug_off" type="button" class="a-Button a-Button--small a-Button--devToolbar is-active" title="Hide Grid" aria-label="Hide Grid">
<span class="a-Icon icon-grid-layout" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Hide Grid</span>
</button></li>
<li><button id="apexDevToolbarQuickEdit" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Quick Edit" aria-label="Quick Edit" data-link="f?p=4000:4500:9060819709610::NO:1,4150,4500:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10">
<span class="a-Icon icon-quick-edit" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Quick Edit</span>
</button></li>
<li><button id="apexDevToolbarThemeRoller" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Theme Roller" aria-label="Theme Roller">
<span class="a-Icon icon-theme-roller" aria-hidden="true"></span>
<span class="a-DevToolbar-buttonLabel">Theme Roller</span>
</button></li>
<li><button id="apexDevToolbarOptions" type="button" class="a-Button a-Button--small a-Button--devToolbar js-menuButton" title="Developer Toolbar Options" aria-label="Developer Toolbar Options" data-menu="apexDevToolbarMenu">
<span class="a-Icon icon-gear" aria-hidden="true"></span>
</button></li>
</ul></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    

Preparation code output

<body class="t-PageBody t-PageBody--hideLeft t-PageBody--hideActions no-anim apex-top-nav" id="t_PageBody"> <form action="wwv_flow.accept" method="post" name="wwv_flow" id="wwvFlowForm" novalidate > <input type="hidden" name="p_flow_id" value="9914" id="pFlowId" /><input type="hidden" name="p_flow_step_id" value="10" id="pFlowStepId" /><input type="hidden" name="p_instance" value="14003348427355" id="pInstance" /><input type="hidden" name="p_page_submission_id" value="17037058442166" id="pPageSubmissionId" /><input type="hidden" name="p_request" value="" id="pRequest" /> <header class="t-Header" id="t_Header"> <div class="t-Header-branding"> <div class="t-Header-controls"> <button class="t-Button t-Button--icon t-Button--header t-Button--headerTree" id="t_Button_navControl" type="button"><span class="t-Icon fa-bars" aria-hidden="true"></span></button> </div> <div class="t-Header-logo"> <a href="f?p=9914:13:14003348427355" class="t-Header-logo-link"><span >Series Elephant</span></a> </div> <div class="t-Header-navBar"> <ul class="t-NavigationBar " id="27973934055813928140"><li class="t-NavigationBar-item "> <a class="t-Button t-Button--icon t-Button--header t-Button--navBar" href="apex_authentication.logout?p_app_id=9914&p_session_id=14003348427355" role="button"> <span class="t-Icon "></span><span class="t-Button-label">Log Out</span><span class="t-Button-badge"></span> </a> </li></ul> </div> </div> <div class="t-Header-nav"> <div class="t-Header-nav-list js-tabLike" id="10_menubar"><ul style="display:none"><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon=""><a href="f?p=9914:13:14003348427355::NO:::" title="">Remember Me</a></li><li data-current="true" data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon="fa&#x20;fa-search"><a href="f?p=9914:10:14003348427355::NO:::" title="">Find Series</a></li><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon="fa&#x20;fa-question"><a href="f?p=9914:1:14003348427355::NO:::" title="">About</a></li><li data-id="" data-disabled="" data-hide="" data-shortcut="" data-icon=""><a href="f?p=9914:3:14003348427355::NO:::" title="">User List</a></li></ul></div> </div> </header> <div class="t-Body"> <div class="t-Body-main"> <div class="t-Body-title" id="t_Body_title"> <div id="R27974399623755626408" class="t-BreadcrumbRegion t-BreadcrumbRegion--showBreadcrumb t-BreadcrumbRegion--useBreadcrumbTitle"> <div class="t-BreadcrumbRegion-body"> <div class="t-BreadcrumbRegion-breadcrumb"> <ul class="t-Breadcrumb "><li class="t-Breadcrumb-item is-active"><span class="t-Breadcrumb-label">Find Series</span></li></ul> </div> <div class="t-BreadcrumbRegion-title"> <h1 class="t-BreadcrumbRegion-titleText">Breadcrumb</h1> </div> </div> <div class="t-BreadcrumbRegion-buttons"><button onclick="javascript:apex.navigation.dialog(&#x27;f?p=9914:11:14003348427355::NO:RP,11::\u0026cs=3xICpOufqDD-iqYPwnkcZYZwgViQT_8Bkm1LeSnYYPBqcL33c_y9aoFZTtsKI5E9gLIg8Nkg7dmAftlIT7KD_AA\u0026p_dialog_cs=pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,{title:&#x27;Series&#x27;,height:&#x27;500&#x27;,width:&#x27;720&#x27;,maxWidth:&#x27;960&#x27;,modal:true,dialog:null},&#x27;t-Dialog--standard&#x27;,$(&#x27;#B27014573572843038026&#x27;));" class="t-Button t-Button--hot " type="button" id="B27014573572843038026"><span class="t-Button-label">Add Series</span></button></div> </div> </div> <div class="t-Body-content" id="t_Body_content"> <div class="t-Body-contentInner"> <div class="container"> <div class="row"> <div class="col col-12 " > <div id="R27974393104160626397" class=""> <div class="container"> <div class="row"> <div class="col col-12 " > <div class="t-Form-fieldContainer rel-col t-Form-fieldContainer--stretchInputs t-Form-fieldContainer--large" id="P10_REPORT_SEARCH_CONTAINER"><div class="t-Form-labelContainer col col-1"> <label for="P10_REPORT_SEARCH" id="P10_REPORT_SEARCH_LABEL" class="t-Form-label">Search</label> </div> <div class="t-Form-inputContainer col col-11"><input type="hidden" name="p_arg_names" value="27974390465341626393" /><input type="text" id="P10_REPORT_SEARCH" name="p_t01" placeholder="Type&#x20;whatever&#x20;you&#x20;like" class="text_field" value="" size="30" maxlength="15" onkeypress="return apex.submit({request:'P10_REPORT_SEARCH',submitIfEnter:event})" /></div></div> </div> </div> </div><div id="report_27974393104160626397_catch"><div class="t-Report t-Report--altRowsDefault t-Report--rowHighlight" id="report_R27974393104160626397" > <div class="t-Report-wrap"> <table class="t-Report-pagination" role="presentation"><tr><td colspan="4"><table role="presentation" ><tr><td class="pagination"></td><td class="pagination"></td><td nowrap="nowrap" class="pagination"><span class="t-Report-paginationText"><b>1</b>&nbsp;</span></td><td class="pagination"></td><td class="pagination"></td></tr></table></td></tr></table> <div class="t-Report-tableWrap"> <table class="t-Report-report" summary="Find Series"> <thead><tr><th class="t-Report-colHead" align="center" id="ID" ></th><th class="t-Report-colHead" align="center" id="NAME" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_2_desc')" title="Sort by this column">Name</a></span><span class="u-Report-sortIcon a-Icon icon-rpt-sort-asc"></span></div></th><th class="t-Report-colHead" align="" id="YEAR" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_3')" title="Sort by this column">Year</a></span></div></th><th class="t-Report-colHead" align="center" id="N_SEASONS" ><div class="u-Report-sort"><span class="u-Report-sortHeading"><a href="javascript:apex.widget.report.sort('27974393104160626397','fsp_sort_4')" title="Sort by this column"># Seasons</a></span></div></th></tr></thead> <tbody> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;84&#x5C;u0026cs&#x3D;3-kaah9g7JFm4EK1eYyA2QYE4C1dniJ7LhxAl6_RZYnlLml2AQZnD1otw1OweP964BMM7sP500sIdpEIUdssrTA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;84" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Breaking Bad</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">5</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;21&#x5C;u0026cs&#x3D;3Kwe51wh3DKNyrZbj3CNUDwI9vq7W6Myqqzbi3qSyk5BAAlF2yiT2isw3_XUx24wxVcWIBdXcFDogz3aA0DQt0g&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;21" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Continuum</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">2</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;81&#x5C;u0026cs&#x3D;3LsLtMAjfXAr-RYUY8vSlXo0rhWM9kz3KqnXNfzSAbD0ee_IIdLxlt7oN0ItxnvLIoZCOYT5XOfkaWE0kc83N5g&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;81" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Da Vinci&#x27;s Demons</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">2</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;82&#x5C;u0026cs&#x3D;3SASgy9p87BARMmkwZicTcK9bb_pyB-P5Md4jR1XOss13wo3ZboINYUDQhP7quUJONT3WnrIkmw5vhsB8OyzNEg&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;82" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Hannibal</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">2</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;62&#x5C;u0026cs&#x3D;3EflzbN7f-aUU2kkFnl-tLJic8fY2BO7-XmrubAEFGSLJgolqLFr_-FLaH0b0WJAej4dvJv3nGpX8e7LFaFwvzA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;62" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Homeland</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">5</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;41&#x5C;u0026cs&#x3D;3SJXfbKYHq2I_3L69MIMwC8PuyNnmBtixXMJuQM3-RD8TTEyu_bxfLXhMJ_YZ4Ebau6uQ8HYOC9IhbuSVyXKUKA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;41" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Modern Family</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">6</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;1&#x5C;u0026cs&#x3D;3AvGVo__GHgtGshjgCJC4RdJLNfB__7iS7EqxlIp0LmqieVi1vJ8S1_d8-8q_uOjy9zShXKvJY6M00xkniXDdIg&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;1" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">Mr Robot</a></td><td class="t-Report-cell" headers="YEAR">2015</td><td class="t-Report-cell" headers="N_SEASONS">2</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;61&#x5C;u0026cs&#x3D;3V-n-GwKoVFDVoYE37EJ2IKnvlPgsCHnLBb2b3Bbxs_HJktPz8ls-maNVUSVFP_JjvJM1SgcnMOFVMhxSC94VFQ&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;61" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">New Girl</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">5</td></tr> <tr><td class="t-Report-cell" headers="ID"><a href="javascript&#x3A;apex.navigation.dialog&#x28;&#x27;f&#x3F;p&#x3D;9914&#x3A;11&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP,11&#x3A;P11_ID&#x3A;83&#x5C;u0026cs&#x3D;3thT6sqY4bjHi5HP_HRrwMb3zwU2Cu-ujXVys60QHx-fiVDmB-mT_AY9SuH9WCaO9v2tYT8mt_KieObTW-gvTEA&#x5C;u0026p_dialog_cs&#x3D;pkG4ebZAErZqyQSOIa6mzAyBneTIdsGbHYhoKFLVj6mFWmYGFf1mEyKa2lOsH2YOxfBg3KJAIzQ_yj-KyCrKfQ&#x27;,&#x7B;title&#x3A;&#x27;Series&#x27;,height&#x3A;&#x27;500&#x27;,width&#x3A;&#x27;720&#x27;,maxWidth&#x3A;&#x27;960&#x27;,modal&#x3A;true,dialog&#x3A;null&#x7D;,&#x27;t-Dialog--standard&#x27;,&#x24;&#x28;&#x27;&#x23;R27974393104160626397&#x27;&#x29;&#x29;&#x3B;" class="t-Button t-Button--primary t-Button--simple t-Button--large t-Button--stretch">Edit</a></td><td class="t-Report-cell" headers="NAME"><a href="f&#x3F;p&#x3D;9914&#x3A;12&#x3A;14003348427355&#x3A;&#x3A;NO&#x3A;RP&#x3A;P12_ID&#x3A;83" class="t-Button t-Button--hot t-Button--simple t-Button--large t-Button--stretch">The Mob Doctor</a></td><td class="t-Report-cell" headers="YEAR">&nbsp;</td><td class="t-Report-cell" headers="N_SEASONS">1</td></tr> </tbody> </table> </div> <div class="t-Report-links"><a href="javascript:window.location.href=apex.server.url({p_request: 'FLOW_EXCEL_OUTPUT_R27974393104160626397_en',pageItems: '#P10_REPORT_SEARCH'},10);">Download as CSV</a></div> <table class="t-Report-pagination t-Report-pagination--bottom" role="presentation"></table> </div> </div></div> </div> </div> </div> </div> </div> <footer class="t-Footer"> release 1.0 <a href="f?p=9914:10:14003348427355:SET_SESSION_SCREEN_READER_ON::::">Set Screen Reader Mode On</a> </footer> </div> </div> </div> <div class="t-Body-inlineDialogs"> </div><input type="hidden" name="p_md5_checksum" value="" /><input type="hidden" name="p_page_checksum" value="b9k7-v0bTGBjo8BAeZ7TpwgEBhmiijlSYzNCOMBZwGiZ5HUhl0YncrZMJaTXvWtrezXDuBA4kOWJOx74otZpfA" id="pPageChecksum" /></form> <div id="apexDevToolbar" class="a-DevToolbar a-DevToolbar--bottom" style="display:none"><h1 class="u-VisuallyHidden">Developer Toolbar</h1><ul class="a-DevToolbar-list"> <li><button id="apexDevToolbarHome" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Application Express Home Page" aria-label="Home" data-link="f?p=4500:1000:9060819709610"> <span class="a-Icon icon-home" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Home</span> </button></li> <li><button id="apexDevToolbarApp" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Application 9914" aria-label="Application 9914" data-link="f?p=4000:1:9060819709610::NO:1,4150,RP:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10"> <span class="a-Icon icon-edit-app" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Application 9914</span> </button></li> <li><button id="apexDevToolbarPage" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Edit Page 10" aria-label="Edit Page 10" data-link="f?p=4000:4500:9060819709610::NO:1,4150:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10"> <span class="a-Icon icon-edit-page-alt" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Edit Page 10</span> </button></li> <li><button id="apexDevToolbarSession" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Session" aria-label="Session" data-link="f?p=4000:34:9060819709610:PAGE:NO:34:F4000_P34_SESSION,F4000_P34_FLOW,F4000_P34_PAGE,FB_FLOW_ID:14003348427355,9914,10,9914"> <span class="a-Icon icon-page-session" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Session</span> </button></li> <li><button id="apexDevToolbarViewDebug" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="View Debug" aria-label="View Debug" data-link="f?p=4000:19:9060819709610:::RIR,19:IR_APPLICATION_ID,IR_PAGE_ID:9914,10"> <span class="a-Icon icon-page-debug" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">View Debug</span> </button></li> <li><button id="apexDevToolbarDebug" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Debug" aria-label="Debug" data-link="f?p=9914:10:14003348427355::YES"> <span class="a-Icon icon-debug" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Debug</span> </button></li> <li><button id="grid_debug_on" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Show Grid" aria-label="Show Grid"> <span class="a-Icon icon-grid-layout" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Show Grid</span> </button></li> <li><button id="grid_debug_off" type="button" class="a-Button a-Button--small a-Button--devToolbar is-active" title="Hide Grid" aria-label="Hide Grid"> <span class="a-Icon icon-grid-layout" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Hide Grid</span> </button></li> <li><button id="apexDevToolbarQuickEdit" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Quick Edit" aria-label="Quick Edit" data-link="f?p=4000:4500:9060819709610::NO:1,4150,4500:FB_FLOW_ID,FB_FLOW_PAGE_ID,F4000_P1_FLOW,F4000_P4150_GOTO_PAGE,F4000_P1_PAGE:9914,10,9914,10,10"> <span class="a-Icon icon-quick-edit" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Quick Edit</span> </button></li> <li><button id="apexDevToolbarThemeRoller" type="button" class="a-Button a-Button--small a-Button--devToolbar" title="Theme Roller" aria-label="Theme Roller"> <span class="a-Icon icon-theme-roller" aria-hidden="true"></span> <span class="a-DevToolbar-buttonLabel">Theme Roller</span> </button></li> <li><button id="apexDevToolbarOptions" type="button" class="a-Button a-Button--small a-Button--devToolbar js-menuButton" title="Developer Toolbar Options" aria-label="Developer Toolbar Options" data-menu="apexDevToolbarMenu"> <span class="a-Icon icon-gear" aria-hidden="true"></span> </button></li> </ul></div>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
class
$('.t-Button');
pending…
tag class
$('a.t-Button');
pending…
id tag class
$('#R27974393104160626397 a.t-Button');
pending…
id class
$('#R27974393104160626397 .t-Button');
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 Comments