HTML中可直接为属性赋值含下划线的字符串，如<div data-id="user_name">；JavaScript变量名允许下划线作分隔符，如let user_count = 42；DOM操作可用setAttribute或dataset动态设置含下划线的属性值。
如果您在HTML中尝试为元素属性或JavaScript变量赋值，但发现下划线“_”被误用或未按预期生效，则可能是由于命名规范、作用域或赋值时机导致的异常。以下是实现该目标的具体方法：
一、在HTML中为元素属性赋值含下划线的值
HTML属性本身不禁止使用下划线字符，可直接在标签中以字面量形式赋值，适用于class、id、data-*等允许自定义内容的属性。此类赋值属于静态声明，无需脚本参与。
1、在
<div data-id="user_name"></div>
2、为input元素的name属性指定含下划线的字符串：
<input type="text" name="first_name" />
立即学习“前端免费学习笔记（深入）”；
3、使用class属性定义含下划线的样式名：
<p class="header_title">标题文本</p>
二、在JavaScript中为变量赋值含下划线的标识符
JavaScript变量名合法规则允许下划线作为字母数字字符的替代分隔符，但不可作为首字符（除非是下划线单独构成的变量名，如"_", "__"）。赋值操作需确保变量已声明或处于有效作用域内。
1、使用let声明并赋值含下划线的变量：
let user_count = 42;
2、使用const定义不可变的含下划线常量：
const MAX_RETRY_ATTEMPTS = 3;
3、将含下划线的字符串值赋给已声明变量：
let api_endpoint;
api_endpoint = "https://api.example.com/v1/user_profile";
三、通过JavaScript动态为HTML元素属性赋值含下划线的值
利用DOM API可在运行时修改元素属性，此时下划线作为字符串内容的一部分被写入，不受JavaScript标识符规则限制。必须确保目标元素已存在于文档中且选择器匹配成功。
1、获取id为"submit_btn"的按钮元素：
const btn = document.getElementById("submit_btn");
2、为该元素的data-action属性赋值"user_login":
btn.setAttribute("data-action", "user_login");
3、直接设置自定义属性值：
btn.dataset.formKey = "login_credentials";
四、使用innerHTML或textContent插入含下划线的文本内容
当需要将含下划线的字符串作为可见文本渲染到页面时，应避免直接拼接HTML结构以防XSS风险。textContent更安全，innerHTML仅在确认内容可信时使用。
1、选取id为"status"的span元素：
const statusEl = document.getElementById("status");
2、用textContent插入纯文本"user_name"：
statusEl.textContent = "user_name";
3、若需保留格式并插入含下划线的HTML片段：
statusEl.innerHTML = "admin_role";
五、在模板字符串或JSON数据中处理含下划线的键名
JSON标准允许对象键名包含下划线，JavaScript对象字面量同样支持。在解析或构造数据时，下划线仅作为键名或字符串值存在，不触发特殊语法行为。
1、定义含下划线键名的JavaScript对象：
const userInfo = { full_name: "Zhang San", account_id: 1001 };
2、从JSON字符串解析出含下划线字段的数据：
const jsonStr = '{"user_email":"test@example.com","is_active":true}';
const parsed = JSON.parse(jsonStr);
3、访问对象中含下划线的属性：
parsed.user_email 返回 "test@example.com"
