百度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;
    }