JavaScript——易班优课YOOC课群在线测试答案隐藏解决方案

问题描述

问题分析

 

 

解决方案

利用AJAX重新请求页面，对原页面内容替换。

var xmlhttp = new XMLHttpRequest();//获取对象
    xmlhttp.onreadystatechange = function(){//设置回调函数
        if(xmlhttp.readyState == 4){//这里的4是请求的状态码，代表请求已经完成
            if(xmlhttp.status == 200 || xmlhttp.status == 304){//这里是获得响应的状态码，200代表成功，304代表无修改可以直接从缓存中读取
                console.log(xmlhttp);
                //创建DOM
                var html=document.createElement("html");
                html.innerHTML=xmlhttp.responseText
                console.log(html)
                //获取问题信息
                var question=Array.from(html.getElementsByClassName('question-board'))
                console.log(question)
                //数据封装
                var question_arr=[]
                question.forEach(q=>{
                    document.getElementById(q.id)
                        .getElementsByClassName('the-ans')[0]
                        .innerHTML=q.getElementsByClassName('the-ans')[0].innerHTML    
                })
            }
        }
    }
    xmlhttp.open("GET",document.URL);
    xmlhttp.send();//GET请求

运行结果

 

参考文章 

https://blog.csdn.net/zzh_97580460/article/details/99934372