javascript - 使用 document.getElementById 获取 li title="info"

Question

我有<div>..如下：

<div id="customfield_16332_nfeed_component"> 
  <ul class="text token-input-list-facebook"> 
    <li title="Firm Name(Summ.)" class="token-input-token-facebook"> 
      <p>Firm Name(Details)...</p> 
      <span class="token-input-delete-token-facebook">×</span> 
    </li> 
    <li class="token-input-input-token-facebook"></li> 
  </ul> 
  <input type="text" style="border: 0px; padding: 0px; display: none; "/> 
</div>

我的目标是使用 JavaScript实现Firm Name(Summ.)这一目标。div我的 JavaScript 代码：

var summ = document.getElementById("summary"); 
summ.onfocus=function(){ 
    var adsoyad= document.getElementById('customfield_16332_nfeed_component').getElementsByTagName('li'); 
    document.getElementById("summary").value = adsoyad; 
}

但是，我没有配合

document.getElementById('customfield_16332_nfeed_component').getElementsByTagName('li')

我该如何使用document.getElementById？

Answer 1

从第一个获取标题li

var adsoyad= document.getElementById('customfield_16332_nfeed_component');
adsoyad = adsoyad.getElementsByTagName('li');
adsoyad = adsoyad[0].getAttribute("title");