Question

最初我有以下

<a id="myLink" href="#amazinglinktonowhere">My initial link</a>

我加载网页后，我可以获取属性href和文字值来更改并更新链接以指向带有新文字"It's not the same text anymore"的Google，如果我点击它，我被重定向到Google页面。所以一切都有效。但是如果你查看我的HTML源代码，链接仍然保持不变。

为什么呢？我该怎么改变它？这是setAttribute的正常行为吗？即使我用link.innerHTML = 'blabla'

更改内容

我的代码：

＆＃13;

var link = document.getElementById('myLink');
link.innerHTML = "It's not the same text anymore";
var href = link.getAttribute('href');

link.setAttribute('href', 'https://www.google.fr/');

＆＃13;

<a id="myLink" href="#amazinglinktonowhere">My initial link</a>

＆＃13;

Answer 1

正如我在this answer中所写，View Source仅显示源代码。也就是说，它会显示您最初编写代码时的代码（或者至少是服务器如何发送代码，通常是服务器按原样发送代码）。

在您的情况下，您正在使用JavaScript来更新页面，因为它正在运行。您的源代码保持不变。页面本身具有自己的状态，可以根据您的心愿进行操作。我们需要更新页面状态以执行各种奇特的操作，例如动画，下拉菜单，播放视频和其他交互式功能。这些都不会改变您的原始代码，通过关联，它们不会改变您通过View Source看到的内容。

如果要查看代码实时更改页面的结果，则应使用浏览器中的“检查器/元素”窗格。

HTML内容上的setAttribute行为，JavaScript

1 个答案: