JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(九)ID標籤

前文

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(一)答案獲取

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(二)答案儲存

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(三)答案查詢

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(四)答案顯示

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(五)簡單腳本

Spring Boot——易班優課YOOC課羣在線測試自動答題解決方案(六)後端改造

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(七)隨機答案

JavaScript——易班優課YOOC課羣在線測試自動答題解決方案(八)功能面板

問題分析

解決方案

//獲取問題信息
    var question=Array.from(document.getElementsByClassName('question-board'))
    question.forEach(q=>{
        let board_type=q.id.split('-')[0]
        let question_id=q.id.split('-')[1]
        let idTag=q.getElementsByClassName('question-id-tag')
        if(idTag.length===0){
            idTag=document.createElement('span')
            idTag.classList.add('question-id-tag')
            q.children[0].appendChild(idTag)
        }
        if(board_type==='question'){
            idTag.innerHTML=" 題目ID："+question_id
        }else if(board_type==='answer'){
            idTag.innerHTML=" 答案ID："+question_id
        }
    })

運行效果

參考文章