Question

＆＃13;

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>");
}

＆＃13;

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

＆＃13;

我尝试在数字为偶数时更改黄色段落的background-color（因此，在 javascript 中）。

我相信我必须写一个像

这样的结果

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

但我不知道如何选择段落，因为我不希望backgroundColor body更改

Answer 1

只需给每个段落一个单独的id然后获取元素的id然后改变它的样式，如下所示： document.getElementById("ID").style.backgroundColor = "yellow";

Answer 2

要更改段落的bacgkround颜色，请使用以下命令：

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

Answer 3

Vous pouvez faire ca on utilisant une condition comme de suite

String id = cursor.getString(
    cursor.getColumnIndex(ContactsContract.CommonDataKinds.Email.CONTACT_ID)
);

即使对英格兰人来说，他们也是对的。）。

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

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>");
}

Answer 4

我是这样做的：

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中更改段落的背景颜色

4 个答案: