用Jquery更改元标签-在视图源代码中看不到它

Question

我像这样改变一个元标签的内容:

$('meta[name=myMeta]').attr('content', 'newContent');

this works and

console.log($('meta[name=myMeta]').attr('content'));

响应我的'newContent'

但是如果我现在点击"查看源代码"，我看不到我用jquery所做的更改。

我能解决这个问题吗?

Answer 1

在浏览器中查看源代码将显示从服务器下载的HTML。

要查看页面加载后对DOM所做的修改，需要使用DOM检查器，通常按F12。

Answer 2

您混淆了页面源和DOM。

源是指从服务器发送的原始内容，它不会改变。

DOM是源代码的实时版本，这可以通过javascript更改。在Chrome浏览器中，您可以通过右键单击页面并选择"Inspect Element"来查看此内容。