将CSS属性添加到JavaScript测验中

Question

所以我正在做一个简单的测验。我目前正在尝试将CSS添加到不同的行中。

const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results');
const submitButton = document.getElementById('submit');
const myQuestions = [{
question: "What is used primarily to make the Quiz?",
answers: {
a: "CSS",
b: "JavaScript",
c: "HTML"
},
correctAnswer: "b"
}];

一个例子是为问题添加填充或颜色：

CCD_ 1"；

谢谢：(

Answer 1

您可以使用element的style属性对元素进行样式设置：

const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results');
const submitButton = document.getElementById('submit');
quizContainer.style.color = "color";
quizContainer.style.padding = 20; 

并且可以对每个问题解析不同的风格，从而对每个问题进行不同的风格设置：

const myQuestions = [
{
question: {
title : "What is used mainly to primarily the Quiz?",
style : {
color = "color";
padding = 20;
}
}
}
];