楊楊工作室
楊楊工作室

JavaScript修改动态修改页面元素的各种方法

 一、通过 JavaScript 操作 HTML 元素        

1. 修改元素的文本内容
  • 方法：使用 textContent 或 innerText 属性修改。
  • 用法： 
    const element = document.getElementById('example');
element.textContent = '新文本内容'; // 修改内容

  • 注意：
    • textContent 修改纯文本，不解析 HTML。
    • innerText 可能受 CSS 样式影响。
      2. 修改元素的 HTML 内容
    • 方法：使用 innerHTML 属性。
    • 用法： 
      const element = document.getElementById('example');
element.innerHTML = '新 HTML 内容';

    • 注意：
      • 会解析 HTML 标签，可能导致 XSS（跨站脚本攻击），需注意安全。
    • 方法：通过 value 属性修改 、