百度IFE学习笔记（三）js获取页面内容及后续处理

html页面：

<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>要求：
/**
* getData方法
* 读取id为source的列表，获取其中城市名字及城市对应的空气质量
* 返回一个数组，格式如下：
data = [
["北京", 90],
["上海", 70]
……
]
*/

js代码：
function getData() {
var source=[];
var data=[];
source=document.getElementById("source").getElementsByTagName('li'); //获取id为“source”的<ul>元素下的<li>元素中的内容，以数组形式存入source中
for(var i=0;i<source.length;i++){
var text=source[i].innerHTML; //获取source数组中的一条内容
var city=text.slice(0,2); //slice：截取字符串中的第1~2个字符
var num=text.split("：")[1]; //split：以“：”为间隔符切割字符串，结果为数组(join()：字符串->数组)。
data.push([city,num]); //push：向数组的末尾添加一个或多个元素，并返回新的长度。
}
return data;
}