使用javascript写一个包含多个属性的List增加一行元素的代码
时间: 2023-06-07 07:07:59 浏览: 60
好的,以下是使用JavaScript写一个包含多个属性的List增加一行元素的代码:
先在html文件中定义一个包含多个属性的List:
```html
<ul id="myList">
<li data-id="1" data-color="red" data-size="M">Item 1</li>
<li data-id="2" data-color="blue" data-size="L">Item 2</li>
<li data-id="3" data-color="green" data-size="S">Item 3</li>
</ul>
```
然后在JavaScript文件中添加以下代码:
```js
// 获取List元素
const myList = document.getElementById("myList");
// 创建一个新的列表项
const newItem = document.createElement("li");
// 设置新列表项的属性
newItem.dataset.id = 4;
newItem.dataset.color = "yellow";
newItem.dataset.size = "XL";
newItem.textContent = "Item 4";
// 将新列表项添加到List中
myList.appendChild(newItem);
```
这个代码会在List中添加一个新的列表项,其中包含data-id、data-color和data-size三个属性。我们可以根据这些属性来对列表项进行操作和管理。