Как создать элементы HTML в Javascript

Question

Как я могу динамически создавать элементы xhtml с помощью javascript?Я хочу добавить флажок внутри ячейки таблицы.

Поэтому я хочу, чтобы код выглядел следующим образом:

<td>
    <input type="checkbox" />
</td>

К сожалению, косая черта в конце элемента ввода не добавляется, поэтомучто делает его не совместимым с xhtml.Результат моего кода выглядит следующим образом:

<td>
    <input type="checkbox">
</td>

Я пробовал оба innerHTML как createElement, но оба не добавляли слеш.

1)

cell.innerHTML = "<input type='checkbox' />";

2)

var checkbox = document.createElement("input");
checkbox.type = "checkbox";
cell.appendChild(checkbox);

Есть ли способ добавить элемент xhtml?

Answer 1

XHTML - это просто еще один язык ввода в общий DOM.Что выделяет синтаксис XHTML, так это то, как он * анализируется **, а не как он представлен в DOM.Итак, ваш код в порядке - вы успешно добавляете элемент, он просто переводится, когда он попадает в DOM.

*, за исключением Internet Explorer, который, несмотря на объявление XHTML в качестве типа документа, IE все равно будет анализировать его как HTML.