作业17 认识DOM操作（v2）

2年前发布

500

主要内容

查看网页节点，列举文档中的Node对象，指出NodeList中各节点的实际元素内容。

代码

<!DOCTYPE html>
<html>
<head>
  <title>创建表格</title>
  <meta charset="UTF-8">
  <style>
    * {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    #namewindow {
      background: linear-gradient(rgba(229, 255, 8, 0.841), rgba(0, 225, 255, 0.404));
      width: 250px;
      height: 200px;
      position: fixed;
      left: 100px;
      top: 80px;
      font: 20px/180% "Microsoft YaHei", "微软雅黑", "宋体";
      text-align: center;
    }
    ul {
      list-style: none;
    }
    li {
      height: 30px;
      width: 700px;
      line-height: 30px;
    }
    li:nth-child(even) {
      background-color: #baf62f;
    }
    li:nth-child(odd) {
      background-color: #5be4f6;
      font-size: 18px;
      font-weight: bolder;
    }
  </style>
</head>
<body>
  <ul>
    <li>好书专递|内容1..**...+*..**.-&lt;-HHV</li>
    <li>重傍发布|内容2...+*..........&lt; HLV</li>
    <li>联合出品内容3.*.··.........</li>
    <li>+..............</li>
    <li>新书速递l1内容4...........*...*...</li>
    <li>思政在线[|内容5............*.+..*...&lt;-IL&gt;</li>
    <li>教育广角||内容6................</li>
  </ul>
  <div id="namewindow">
    <p>姓名:罗xx</p>
    <br>
    <p>专业: 计算机应用技术x班</p>
    <br>
    <p>学号: 226501XXXXX</p>
  </div>
</body>
</html>

HTML文件

17.html

下载

html文件

1.3K

评分

欢迎为Ta评分

赞赏

作业17 认识DOM操作（v2）

主要内容

代码

HTML文件

JavaScript