js 判断标签属性是否存在

// 假设有一个HTML元素如下：
// <div id="myDiv" class="container"></div>

let element = document.getElementById('myDiv');

// 检查'class'属性是否存在
if (element.hasAttribute('class')) {
    console.log('class属性存在');
} else {
    console.log('class属性不存在');
}

// 检查'nonExistentAttr'属性是否存在
if (element.hasAttribute('nonExistentAttr')) {
    console.log('nonExistentAttr属性存在');
} else {
    console.log('nonExistentAttr属性不存在');
}

// 检查'class'属性是否存在
if (element.className !== undefined) {
    console.log('class属性存在');
} else {
    console.log('class属性不存在');
}

// 注意：这种方法对于一些属性可能不适用，比如自定义属性或者一些布尔属性（如checked, selected等）

// 检查'class'属性是否存在
if (element.getAttribute('class') !== null) {
    console.log('class属性存在');
} else {
    console.log('class属性不存在');
}

// 假设有一个HTML元素如下：
// <div id="myDiv" data-custom-attr="value"></div>

let element = document.getElementById('myDiv');

// 检查'data-custom-attr'属性是否存在
if (element.dataset.customAttr !== undefined) {
    console.log('data-custom-attr属性存在');
} else {
    console.log('data-custom-attr属性不存在');
}