为什么 `document.createElement` 不允许创建自闭合标签？

Question

示例 JavaScript

<html>
<body>
<form id="test"></form>
</body>
</html>

let input_el = document.createElement('input');
input_el.setAttribute('type','text');
input_el.setAttribute('name','your_name');
let my_form = document.getElementById('test');
my_form.prepend(input_el);

在 windows（chrome 版本 96.0.4664.45）上的 chrome 开发人员工具中生成以下 output：

而不是正确的形式：

<input type="text" name="your_name">

另见这个小提琴： https://jsfiddle.net/m1fqzLv6/

目前我没有找到任何允许这样做的 javascript function。

Answer 1

这个问题是基于document.createElement()会产生 HTML 代码的假设。 这是不正确的。

实际上，HTML 代码被解析成文档 object model (DOM)。 JavaScript 可以随后修改 DOM（另见上面 TJ Crowder 的评论）。 在您的示例中，添加了一个<input>元素。

Chrome 在其开发者工具中，通过 HTML 代码表示 DOM，大多数开发者都可以轻松阅读。 如果 DOM 中有<input>元素，则开发工具面板必须决定如何表示它。 显然，它选择带有<input></input>的长格式。 然而，这只是 output 决定。

为什么 `document.createElement` 不允许创建自闭合标签？

问题描述

1 个解决方案

解决方案1
1 2021-12-01 19:48:43

为什么 `document.createElement` 不允许创建自闭合标签？

问题描述

1 个解决方案

解决方案1 1 2021-12-01 19:48:43

解决方案1
1 2021-12-01 19:48:43