如何用JavaScript或jQuery将标签的data-attribute添加到body标签

没问题，不管用原生JavaScript还是jQuery都能实现这个需求，下面是具体实现方案：

原生JavaScript实现 #

• 先定位到目标span元素，获取它的data-attribute属性值
• 将该属性值添加到body标签上
• 增加判断逻辑，避免span不存在时报错

// 等待DOM加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
  // 找到目标span元素
  const myCodeSpan = document.getElementById('mycode');
  if (myCodeSpan) {
    // 获取span的data-attribute属性值
    const attrValue = myCodeSpan.getAttribute('data-attribute');
    // 给body标签添加该属性
    document.body.setAttribute('data-attribute', attrValue);
    // 可选：如果不需要保留原span的属性，可取消下面注释移除它
    // myCodeSpan.removeAttribute('data-attribute');
  }
});

jQuery实现 #

如果项目已引入jQuery，代码会更简洁：

$(document).ready(function() {
  const $myCodeSpan = $('#mycode');
  if ($myCodeSpan.length) {
    const attrValue = $myCodeSpan.attr('data-attribute');
    $('body').attr('data-attribute', attrValue);
    // 可选：如果不需要保留原span的属性，可取消下面注释移除它
    // $myCodeSpan.removeAttr('data-attribute');
  }
});

两段代码都会在DOM加载完成后自动执行，只要页面中存在id="mycode"的span标签，就会自动把它的data-attribute值转移到body标签上。

内容的提问来源于stack exchange，提问作者Asma Binta Younus