js中的dataset问题

最新推荐文章于 2024-08-29 15:44:38 发布

Echo是包子脸

最新推荐文章于 2024-08-29 15:44:38 发布

阅读量1.3w

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/yh0205039/article/details/51003317

版权

本文介绍了HTML5的dataset属性，用于在JavaScript中方便地操作自定义数据属性。通过dataset，可以简化获取和设置data属性的代码，提高可读性。虽然在某些浏览器中性能稍逊于getAttribute，但考虑到便捷性和可维护性，dataset是处理少量自定义属性的优选。文章还给出了使用dataset添加和删除数据属性的示例，以及如何进行浏览器兼容性检查。

摘要由CSDN通过智能技术生成

昨天刷了IFE的任务，第十六个任务，任务详情是这样的：

任务描述
参考以下示例代码，用户输入城市名称和空气质量指数后，点击“确认添加”按钮后，就会将用户的输入在进行验证后，添加到下面的表格中，新增一行进行显示
用户输入的城市名必须为中英文字符，空气质量指数必须为整数
用户输入的城市名字和空气质量指数需要进行前后去空格及空字符处理（trim）
用户输入不合规格时，需要给出提示（允许用alert，也可以自行定义提示方式）
用户可以点击表格列中的“删除”按钮，删掉那一行的数据。

<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <title>IFE JavaScript Task 01</title>
    <script src="task.js"></script>
  </head>
<body>

  <div>
    <label>城市名称：<input id="aqi-city-input" type="text"></label><br>
    <label>空气质量指数：<input id="aqi-value-input" type="text"></label><br>
    <button id="add-btn">确认添加</button>
  </div