如何取到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]')

其实都差不多

Answer 2

为什么获取位置尺寸一定需要div 和id?