要求: 通过DOM操作 , 将各球队名称显示为红色 , 字体为20px , 加粗 , 斜体

在JavaScript中，你可以使用DOM (Document Object Model) 来修改HTML元素的样式。假设你有一个包含球队名称的HTML列表，可以按照以下步骤操作：

// 首先获取所有需要更改样式的球队名称元素
var teamNames = document.querySelectorAll('.team-name');

// 然后遍历每个元素
for (var i = 0; i < teamNames.length; i++) {
    // 使用style属性直接设置样式
    teamNames[i].style.color = 'red'; // 设置字体颜色为红色
    teamNames[i].style.fontSize = '20px'; // 设置字体大小为20像素
    teamNames[i].style.fontWeight = 'bold'; // 设置加粗
    teamNames[i].style.fontStyle = 'italic'; // 设置斜体
}

这里假设`.team-name`是你选择球队名称元素的CSS类名。记得在实际应用中替换为你实际的HTML结构和选择器。

相关问题

通过DOM操作 , 将各球队名称显示为红色 , 字体为20px , 加粗 , 斜体 <ul> <li>广州恒大</li> <li>北京国安</li> <li>山东鲁能</li> <li>江苏绿城</li> </ul>

可以使用以下代码实现：

<ul id="team-list">
  <li>广州恒大</li>
  <li>北京国安</li>
  <li>山东鲁能</li>
  <li>江苏绿城</li>
</ul>

const teamList = document.getElementById('team-list');
const teamItems = teamList.getElementsByTagName('li');

for (let i = 0; i < teamItems.length; i++) {
  const teamItem = teamItems[i];
  teamItem.style.color = 'red';
  teamItem.style.fontSize = '20px';
  teamItem.style.fontWeight = 'bold';
  teamItem.style.fontStyle = 'italic';
}

这段代码首先获取了包含球队名称的 `<ul>` 元素和所有的 `<li>` 元素。然后使用循环遍历每个 `<li>` 元素，将其样式设置为红色、20px、加粗、斜体。结果会将每个球队名称都以指定的样式显示出来。