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