使用dataset JavaScript访问数据属性

我在访问数据属性中的值时遇到了问题

• 我现在有一个按钮，它有一组数据属性
• 我希望通过脚本文件中的数据集访问这些属性中的值
• 访问后，更改为json

我知道我错过了一些小东西，但我盯着它看了太久，现在都看不见了。我想我在getDataAttributes函数中遗漏了一行代码，就在getElementById之后，但我无法理解它是什么

提前谢谢

jsfiddle-

HTML

添加按钮
谢谢你，哈米德！太傻了！我在代码中看到了错误，然后回来查看您的答案-谢谢

我只是做了这个

<button type='button' id="addtowebsite"> 
    <div class="add-btn" id="div"
         data-userid="123"
         data-firstname="John"
         data-lastname="Doe">Add button
    </div>
</button>

<script>
var input = document.getElementById('div'); 
    
    function getDataAttributes() {
        var jsonData = JSON.stringify({
            userId: parseInt(input.dataset.userid), 
            firstName: input.dataset.firstname,
            lastName: input.dataset.hostlastname,
            });
            console.log(jsonData);
            return jsonData;
                    } 
</script> 



添加按钮
var input=document.getElementById（'div'）；
函数getDataAttributes（）{
var jsonData=JSON.stringify({
userId:parseInt（input.dataset.userId），
firstName:input.dataset.firstName，
lastName:input.dataset.hostlastname，
});
console.log（jsonData）；
返回jsonData；
} 

document.getElementById('addtowebsite').addEventListener("click", function () {
    getDataAttributes(this);
    });
    
    function getDataAttributes(input) {
        var select = document.getElementById('addtowebsite');
        var jsonData = JSON.stringify({
            userId: parseInt(input.dataset.userid), 
            firstName: input.dataset.firstname,
            lastName: input.dataset.hostlastname,
            });
            return jsonData;
                    }

    <button type='button' id="addtowebsite"> 
        <div id="d"
             class="add-btn"
             data-userid="123"
             data-firstname="John"
             data-lastname="Doe">Add button
        </div>
    </button>

<button type='button' id="addtowebsite"> 
    <div class="add-btn" id="div"
         data-userid="123"
         data-firstname="John"
         data-lastname="Doe">Add button
    </div>
</button>

<script>
var input = document.getElementById('div'); 
    
    function getDataAttributes() {
        var jsonData = JSON.stringify({
            userId: parseInt(input.dataset.userid), 
            firstName: input.dataset.firstname,
            lastName: input.dataset.hostlastname,
            });
            console.log(jsonData);
            return jsonData;
                    } 
</script>