js获取data

<!-- HTML -->
<div id="myElement" data-user-id="12345">Hello World!</div>

// JavaScript
// 方法一：使用dataset属性
const element = document.getElementById('myElement');
const userId = element.dataset.userId; // 注意：连字符后的第一个字符会转换为驼峰格式
console.log(userId); // 输出: "12345"

// 方法二：使用getAttribute方法
const userIdAttr = element.getAttribute('data-user-id');
console.log(userIdAttr); // 输出: "12345"

// JavaScript对象
const user = {
  id: 12345,
  name: 'John Doe',
  email: 'john.doe@example.com'
};

// 获取对象中的数据
const userId = user.id;
const userName = user.name;
console.log(userId); // 输出: 12345
console.log(userName); // 输出: "John Doe"

document.addEventListener('DOMContentLoaded', () => {
  const element = document.getElementById('myElement');
  console.log(element.dataset.userId); // 确保此时DOM已加载
});

const user = {
  id: 12345,
  name: 'John Doe'
};

// 确保属性名正确
console.log(user.id); // 正确
console.log(user.age); // undefined，因为age属性不存在