js 动态 text 赋值

<p id="dynamicText">初始文本</p>

// 选择元素
var element = document.getElementById('dynamicText');

// 动态赋值
element.textContent = '新的文本内容';

element.innerHTML = '<strong>加粗的新文本</strong>';

document.addEventListener('DOMContentLoaded', function() {
    var element = document.getElementById('dynamicText');
    if (element) {
        element.textContent = '新的文本内容';
    } else {
        console.error('元素未找到');
    }
});

function escapeHtml(unsafe) {
    return unsafe
         .replace(/&/g, "&")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;")
         .replace(/"/g, "&quot;")
         .replace(/'/g, "&#039;");
}

var userInput = '<script>alert("XSS")</script>';
element.textContent = escapeHtml(userInput);