如何取到element (第二个li) 的位置和尺寸

Question

比如像这种element. 谢谢 <div id="largeNavi" style=" ************ " role = "toolbar " class="aaab abab abca adbc " >    <div class="aaab">       <div class="abab">           <div class="aba"> </div>           <div class="abd">     </div>           <ul id= "random1" class="abac abdb"  role="presentation">             <li id="random12"  class="caba dbdb"     role="presentation"></li>               <li id="random13"   class="cabd caba dbdb ***navigationlist-item-last-child"  role="presentation"></li>              <a href="#" role=button" class="*** ***" >                  <span ********** > </span>                    <span ********** > </span>              </a>            </li>           </ul>        </div>     </div>   </div>                               注意，ul和li的id 不固定(所以是以random开头命名），会由系统随机生成。    

Answer 1

非要id的话你是要这么取吗？

window['ui-id-4']

jquery

$('[role=presentation]')

$('#ui-id-4').find('li')[1]

原生

document.querySelector('[role=presentation]')

其实都差不多