蓝桥杯web组二次模拟赛天气预报查询

最新推荐文章于 2024-06-09 12:00:53 发布

笑容温暖城寨

最新推荐文章于 2024-06-09 12:00:53 发布

阅读量350

点赞数 1

分类专栏：前端文章标签： javascript 蓝桥杯

本文链接：https://blog.csdn.net/qq_51481160/article/details/123852958

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述

js代码


 function getweather() {
     //TODO：请补充代码
   var img= document.querySelectorAll('img')
    console.log(img);
    var daydata=document.querySelectorAll('.item-mess')
    console.log(daydata);
    console.log(daydata[0].childNodes);
    //console.log(daydata[0].Children[0])

    $.ajax({
        type:"get",
        url:"./js/weather.json",
        data:"0",
        dataType:"json",
        success:function(data){
            console.log(data)
            for(var i=0;i<7;i++){
                //加载图片
                img[i].src=data.result[i].weather_icon;
                //天气

                daydata[i].childNodes[1].innerHTML=
                data.result[i].weather;
                //温度
                daydata[i].childNodes[3].innerHTML=
                data.result[i].temperature;
                //风力
                daydata[i].childNodes[5].innerHTML=
                data.result[i].winp
                //日期
                daydata[i].childNodes[7].childNodes[1].innerHTML=
                data.result[i].days
                daydata[i].childNodes[7].childNodes[3].innerHTML=
                data.result[i].week
               

                
                
            }
        }

    })

}

getweather();