Question

我想在页面上看到输入类型和文本“这是一些文字”

const ui = document.createElement('ul');
const item = document.createElement('li');
item.innerHTML = "<input> This is some text";
ui.appendChild(item);

Answer 1

您还需要将ui实际附加到DOM本身。

在以下示例中，我将其附加到<body>，我将其与 document.getElementsByTagName() 相关联。请注意，这会返回 NodeList 元素集合，因此您需要使用[0]访问第一个结果。

＆＃13;

const ui = document.createElement('ul');
const item = document.createElement('li');
const body = document.getElementsByTagName('body')[0];
item.innerHTML = "<input> This is some text";
ui.appendChild(item);
body.appendChild(ui);

＆＃13;

希望这有帮助！：）

Answer 2

您错过了以下内容：

document.body.appendChild(ui)

＆＃13;

const ui = document.createElement('ul');
const item = document.createElement('li');
item.innerHTML = "<input> This is some text";
ui.appendChild(item);

document.body.appendChild(ui)

＆＃13;

到目前为止，您已经创建了元素，但它们并未插入到DOM中。

在操纵DOM时我在做错什么？

2 个答案: