选择一个元素，并将自定义数据集作为类

Question

我是javascript的新手，面对一个小问题，我希望我能在这里找到解决办法

我有一个数据像这样的导航项

<button data-home="home" class="nav-item"></button>

我确实选择了button元素作为var并得到了它的数据集

var navI = document.querySelector('.nav-item')
var homeC = navI.dataset

然后我想设置这个项目作为一个类来选择一个新的元素

新元素,

<div class="home"></div>

并像这样放置数据集以选择元素

var pageHome = document.querySelecter('.' + homeC)

但是pageHome有一个null元素

如果可能的话，请给我一个解决方案

Answer 1

dataset是整个数据集，即元素上的所有data-*属性或通过元素数据API设置的属性的结果。

你需要进入它并获得你需要的属性。总之，改变

var homeC = navI.dataset

var homeC = navI.dataset.home

也要注意，这些天不建议使用var;使用let或const .

[编辑]

因为你知道home元素有ID "home"而不是类 "home"你需要:

document.querySelector('#'+homeC);