js增加span标签属性

// 假设spanElement是对<span>元素的引用
spanElement.setAttribute('data-custom', 'someValue'); // 设置自定义属性
spanElement.style.color = 'red'; // 修改样式属性

// 选择页面上的第一个<span>元素
var spanElement = document.querySelector('span');
spanElement.setAttribute('data-custom', 'someValue');

// 或者选择所有<span>元素并给它们添加属性
var allSpans = document.querySelectorAll('span');
allSpans.forEach(function(span) {
    span.setAttribute('data-custom', 'someValue');
});

// 设置单个<span>元素的属性
$('span').first().attr('data-custom', 'someValue');

// 或者设置所有<span>元素的属性
$('span').attr('data-custom', 'someValue');

window.onload = function() {
    var spanElement = document.querySelector('span');
    spanElement.setAttribute('data-custom', 'someValue');
};

document.addEventListener('DOMContentLoaded', function() {
    var spanElement = document.querySelector('span');
    spanElement.setAttribute('data-custom', 'someValue');
});