Question

注意：我正在使用Chrome的开发工具。

我使用控制台在标题下创建了一个部分。

在控制台的开发工具下输入：

var Europe = document.createElement('section');
// undefined
Europe
// <section></section>
Europe.setAttribute('id', 'europe')

当我进入元素标签时，我根本没有看到该部分。

如果我更新.js文件，保存它，然后重新加载浏览器，会导致元素树发生变化吗？

我正在研究一些DOM hw，这真的让我很难过。

.js文件：

console.log("test");

var citizens = ['Anka', 'Wallace', 'Pierre', 'Juan'];

var cuisines = ['French', 'English', 'Spanish', 'Russian'];

var body = document.querySelector('body');

function makeLocation() {
}

Answer 1

您似乎错过了将新jupyter notebook插入DOM的代码。您可以使用函数Element将新的.insertAdjacentElement添加到DOM中，如下所示：

section

运行此代码后，您应该会看到新的// ... after your code creating the variable Europe let header = document.getElementsByTagName('header')[0]; header.insertAdjacentElement('afterend', Europe);出现在开发者工具的“元素”标签中 - 您还应该看到它出现在页面上。

注意：如果您点击“刷新＆＃39;在chrome中，您在chrome开发人员工具中所做的任何更改都将被删除，因为浏览器会再次从源代码中提取代码。

希望这有帮助！

使用浏览器的开发工具对站点进行更改时，元素选项卡是否会更新？

1 个答案: