createelement创建的元素未显示，是因为未将其插入dom树；需用appendchild、insertbefore或append等方法显式挂载，且新元素无默认样式、事件和属性，须手动设置class、style、事件监听器及表单属性。
点击按钮后用 createElement 插入新元素，但什么都没出现？
大概率是忘了把新创建的节点挂到 DOM 树上。createElement 只生成内存中的节点对象，不自动显示。必须配合 appendChild、insertBefore 或 append 等方法显式插入。
- 常见错误写法：
document.createElement('div')后直接结束，没调用任何插入方法 - 推荐用
append()（支持多个参数、可插入文本或节点），比appendChild()更灵活 - 如果目标容器是
document.body，注意它可能被 CSS 重置（比如display: flex下子元素默认不换行），导致新元素叠在一起看不见
createElement 创建的元素为什么没有样式或事件？
新元素是“干净”的：没 class、没内联样式、没事件监听器，和手写的 HTML 元素初始状态一致。不能指望它自动继承父级样式或行为。
- 加 class：先用
element.className = 'my-btn'或element.classList.add('active') - 设样式：用
element.style.color = 'red'（注意驼峰命名），或更推荐加 class 让 CSS 控制 - 绑点击事件：必须单独调用
element.addEventListener('click', handler)，不能靠父级委托就省事（除非你真用了事件委托） - 避免在循环里重复创建相同函数，容易闭包陷阱；优先用
data-属性存标识，统一处理
动态生成多个元素时，innerHTML += 和 createElement 哪个更安全？
createElement 更安全，尤其涉及用户输入时。innerHTML += 会触发 HTML 解析，若拼接内容含未转义的 、<code>" 或脚本片段，可能执行 XSS。
- 例如：
btn.innerHTML += '<div>' + userInput + '</div>'—— 用户输<img src="1" onerror="alert(1)">就中招 -
createElement+textContent天然防 XSS：span.textContent = userInput只当纯文本渲染 - 性能上，批量插入建议用
DocumentFragment缓存再一次性 append，避免频繁重排
用 createElement 动态生成表单控件（如 input）要注意什么？
表单元素有特殊属性和行为，光创建节点不够，得补全关键属性才能正常工作。
-
type、name、id必须显式设置，否则提交时可能丢失值或无法用document.getElementById获取 - 设置默认值用
element.value = 'xxx'，不是textContent（后者对input无效） - 如果依赖 jQuery 或其他库的初始化逻辑（比如美化 select），新生成的元素需手动调用对应方法，不会自动生效
- 注意
required等布尔属性：用element.setAttribute('required', '')或element.required = true，别写成element.required = 'required'
createElement 本身，而是后续那几步——挂哪儿、怎么样式、谁来响应、数据怎么进、怎么防注入。漏掉任意一环，页面就静悄悄。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
