<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body><ul id="source">? ? <li>北京空氣質量:<b>90</b></li>? ? <li>上??諝赓|量:<b>70</b></li>? ? <li>天津空氣質量:<b>80</b></li>? ? <li>廣州空氣質量:<b>50</b></li>? ? <li>深圳空氣質量:<b>40</b></li>? ? <li>福州空氣質量:<b>32</b></li>? ? <li>成都空氣質量:<b>90</b></li>? </ul>? <ul id="resort">? ? <!--?? ? <li>第一名:北京空氣質量:<b>90</b></li>? ? <li>第二名:北京空氣質量:<b>90</b></li>? ? <li>第三名:北京空氣質量:<b>90</b></li>? ? ?-->? </ul>? <button id="sort-btn">排序</button><script type="text/javascript">/**?* getData方法?* 讀取id為source的列表,獲取其中城市名字及城市對應的空氣質量?* 返回一個數組,格式見函數中示例?*/?function getData() { var source = document.getElementById("source"); ? ??? var li= source.getElementsByTagName('li');? var data = new Array();??? for(var i = 0;i< li.length;i++){ ?data1 = li[i].innerHTML..(0,2); ?data2=li[i].lastChild.innerHTML; data[i]=[data1,data2]; ? ?}??我想問的問題是//為什么不能直接寫? var li= source.getElementsByTagName('li');//先寫這句代碼的意義在于什么var source = document.getElementById("source");? ?
getElementsByTagName
沐沐幕
2018-01-20 18:19:42