使用js写一个方法获取某个元素中所有class和id

在JavaScript中，你可以通过元素的className和id属性来获取一个元素的所有class和id。但需要注意，className返回的是一个包含所有class名的字符串，而不是一个数组。如果你需要一个数组，你需要自己进行分割。

以下是一个简单的函数，它接受一个元素作为参数，并返回一个对象，该对象包含该元素的所有class（作为数组）和id：

function getElementClassesAndId(element) {
    // 初始化返回的对象
    let result = {
        classes: [],
        id: ''
    };

    // 检查元素是否存在
    if (!element) {
        console.error('No element provided');
        return result;
    }

    // 获取并设置id
    result.id = element.id;

    // 获取并设置classes。使用split(' ')将className字符串分割为数组
    if (element.className) {
        result.classes = element.className.split(' ').filter(c => c !== ''); // filter用于移除空字符串
    }

    return result;
}

你可以这样使用这个函数：

let element = document.querySelector('#myElement'); // 选择你要检查的元素
let { classes, id } = getElementClassesAndId(element); // 获取classes和id
console.log('Classes:', classes); // 打印classes数组
console.log('ID:', id); // 打印id字符串