如何通过JavaScript为Label添加ID并替换其文本内容？

原代码问题分析 #

• 初始jQuery代码执行时机过早，DOM未完全加载时无法定位到目标label元素
• innerHTML赋值时存在字符串拼接语法错误，导致脚本终止执行

纯JavaScript实现方案 #

将所有操作放在window.onload回调中，确保DOM完全加载后执行：

window.onload = function () {
    // 定位目标label元素
    const targetLabel = document.querySelector('label[for="fe4781"]');
    // 为label添加ID
    targetLabel.id = "privacypolicytext";
    // 替换label的HTML内容
    targetLabel.innerHTML = 'Lorem ipsum text <a data-targettype="webpage" href="https://www.sample.com">Lorem ipsum</a>.<span class="required">*</span>';
};

jQuery实现方案（需页面已引入jQuery） #

使用$(document).ready确保DOM就绪后执行，语法更简洁：

$(document).ready(function() {
    const $targetLabel = $('label[for="fe4781"]');
    // 为label添加ID
    $targetLabel.attr('id', 'privacypolicytext');
    // 替换label的HTML内容
    $targetLabel.html('Lorem ipsum text <a data-targettype="webpage" href="https://www.sample.com">Lorem ipsum</a>.<span class="required">*</span>');
});

内容的提问来源于stack exchange，提问作者Mark Philip Ragucos