js 获得dom节点属性

// 获取元素
var element = document.getElementById('myElement');

// 获取属性值
var attributeValue = element.getAttribute('attributeName');
console.log(attributeValue);

// 获取元素
var element = document.getElementById('myElement');

// 直接访问属性
var hrefValue = element.href;
console.log(hrefValue);

var id = element.id;

var className = element.className;

var href = element.href;

var src = element.src;

var nonExistentValue = element.getAttribute('nonExistentAttribute');
if (nonExistentValue === null) {
    console.log('属性不存在');
}

var emptyValue = element.getAttribute('emptyAttribute');
if (emptyValue === '') {
    console.log('属性值为空');
}

// 错误的写法
var className = element.class; // 这会报错

// 正确的写法
var className = element.className;