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