在操纵DOM时,我在这里做错了什么



我想在页面上查看输入类型和文本"这是一些文本"

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

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

在下面的示例中,我将其附加到<body>,我使用 document.getElementsByTagName() 获得。请注意,这返回a NodeList 元素集合,因此您需要使用[0]访问第一个结果。

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);

希望这会有所帮助!:)

您缺少类似的东西:

document.body.appendChild(ui)

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

到目前为止,您已经创建了这些元素,但它们没有插入DOM。

最新更新