为什么元素未添加到页面源中

Question

我正在尝试使用prependTo（）添加元素。我的问题是什么时候查看页面的来源，我没有找到源中的元素。为什么会这样？

这是我的JsFiddle

$( document ).ready(function() {
$('<option></option>',{value:"newvalue",text:"new option"}).attr({
disabled:"disabled", selected:"selected" }).prependTo("select");
});

Answer 1

浏览器的“show source”选项只能显示下载时页面的来源。

如果您在使用Javascript加载后添加元素或以其他方式更改DOM，则该视图中将不会显示更改。要查看页面的当前状态（甚至更改它），您可以使用“inspect elements”选项。