如何改变段落的背景色在Javascript

问题描述：

let n = 5; 
 
let m = 5; 
 
for(let j=0; j<m; j++){ 
 
for(let i=0; i<n; i++){ 
 
let boite = document.createElement("p"); 
 
boite.innerHTML = i+1; 
 
    
 
document.querySelector("body").appendChild(boite); 
 
    
 
} 
 
    
 
document.write("<br>"); 
 
}

body{ 
 
    margin: 20px; 
 
    background-color: white; 
 
} 
 
p{ 
 
    background-color: black; 
 
    color: white; 
 
    padding: 20px; 
 
    width: 30px; 
 
    border: 2px solid white; 
 
    display: inline-block; 
 
}

我试图改变一个段落的background-color黄色时数为偶数（所以，在的JavaScript）。

我相信我有与写的条件，结果像

document.body.style.backgroundColor = "yellow";

，但我不知道如何选择的段落，因为我不想body的backgroundColor改变

你是什么意思有一双？当我== j？ – eltonkamami

我的意思是当我％2 == 0 –

答

VOUS pouvez放任CA

if((i+1)% 2 == 0){}

的Et一对小仔即使在英语：）。

let n = 5; 
 
let m = 5; 
 
for(let j=0; j<m; j++){ 
 
for(let i=0; i<n; i++){ 
 
let boite = document.createElement("p"); 
 
boite.innerHTML = i+1; 
 
if((i+1)% 2 == 0){ 
 
//voir si i+1 est pair ajouter le couleur 
 
boite.style.backgroundColor = "yellow"; 
 
boite.style.color = "#000"; 
 
} 
 
document.querySelector("body").appendChild(boite); 
 

 
    
 
} 
 
    
 
document.write("<br>"); 
 
}

body{ 
 
    margin: 20px; 
 
    background-color: white; 
 
} 
 
p{ 
 
    background-color: black; 
 
    color: white; 
 
    padding: 20px; 
 
    width: 30px; 
 
    border: 2px solid white; 
 
    display: inline-block; 
 
}

谢谢！正是我需要的。下一步是提高我的英语，我猜... –

并给我一个投票并将其标记为答案^^'，mark maréponsecomme解决方案merci – M0ns1f

我做了，但是我的名声是

答

只要给每个段落的独立编号，然后拿到元素的ID，然后改变它的风格是这样的： document.getElementById("ID").style.backgroundColor = "yellow";

事实是（对不起，我没有精确）我只能使用CSS和JavaScript，所以没有HTML –

问题已得到回答！还是谢谢你！ –

答

要更改段落的bacgkround颜色只使用FOLL由于：在utilisant UNE条件COMME德套件

<body> 
     <p id="paragraphToChange">Hello World!</p> 
<script> 
    document.getElementById("paragraphToChange").style.background = "blue"; 
</script> 
</body>

事实上（对不起，我没有精确）：我只能使用CSS和JavaScript ... –

这只是HTML，CSS和JavaScript。第二部分将创建一个条件函数，在需要时触发背景更改。 –

这个问题已经回答了！还是谢谢你试图帮助我 –

答

以下是我会做：

let docBody = document.querySelector("body"); 
 
let n = 6; 
 
let m = 6; 
 
for (let j = 1; j < m; j++) { 
 
    for (let i = 1; i < n; i++) { 
 
    ifEven = (!(i % 2)) ? "style='background-color:yellow;color:#000;'" : ""; 
 
    docBody.insertAdjacentHTML("beforeend", "<p " + ifEven + ">" + i + "</p>"); 
 
    } 
 
    docBody.children[docBody.children.length - 1].insertAdjacentHTML("afterend", "<br>"); 
 
}

body { 
 
    margin: 20px; 
 
    background-color: white; 
 
} 
 

 
p { 
 
    background-color: black; 
 
    color: white; 
 
    padding: 20px; 
 
    width: 30px; 
 
    border: 2px solid white; 
 
    display: inline-block; 
 
}

如何改变段落的背景色在Javascript

相关推荐