哎呀，细小朋友们，今天我们要聊一聊一个超级优良用的东西，叫ZuoHTMLDataset。听起来是不是hen厉害的样子？没错，它就像是一个细小盒子，Neng帮我们在网页上放hen许多细小暗地哦！接下来就让我这玩意儿超级无敌的细小助手，给巨大家讲讲HTMLDataset的神奇之处吧！

一、啥是HTMLDataset？

HTMLDataset就像是一个细小仓库， 我们Neng把一些东西放进去，然后需要的时候再拿出来。它是在HTML5里面出现的一个新鲜功Neng，让我们的网页变得geng加机灵和有力巨大。

二、HTMLDataset怎么用？

用HTMLDataset超级轻巧松，就像是在玩具箱里放玩具一样。我们只需要在标签里面加上一个特殊的名字， 比如data-xxx，然后就Neng把想要放进去的东西写在后面啦！

比如说 我们有一个按钮，想要在点击的时候晓得它是哪个按钮，就Neng这样写：

点我试试

这里的data-id="1"就是我们的暗地信息，Neng告诉我们这玩意儿按钮是第几个按钮哦！

放进去的东西怎么拿呢？不要着急，我们只需要用JavaScript这玩意儿细小机器人来帮忙就Neng了。我们告诉它我们要拿哪个暗地信息，它就会帮我们拿出来。比如 我们要拿上面按钮的暗地信息，Neng这样写：

var button = document.querySelector;
var buttonId = button.dataset.id;
console.log; // 输出 "1"

这里我们用document.querySelector找到了那东西按钮，然后用button.dataset.id拿到了它的暗地信息。

四、 HTMLDataset的神奇之处

HTMLDataset不仅方便，而且还有hen许多神奇的地方。比如我们Neng用它在网页上Zuohen许多好玩的事情，比如点赞功Neng、游戏、甚至是一些细小应用哦！

细小朋友们，HTMLDataset是不是hen神奇呢？通过它，我们Neng让我们的网页变得geng加机灵和好玩。所以Ru果你想要让你的网页变得geng加厉害，就一定要学会用HTMLDataset哦！

优良了今天的分享就到这里啦！Ru果你们还有其他问题，欢迎在评论区告诉我哦！下次再见啦，细小朋友们！