元素不会显示在页面的源代码中，但会显示在“inspect element”中

Elements don't figure on the sourcecode of the page, but do in "inspect element"

本文关键字：显示 inspect element 元素 源代码      更新时间：2023-09-26

我正在为一个论坛制作一个脚本。论坛由几个页面组成，论坛上的每个页面都是这样的:

www.blabla.com/forum#p1
www.blabla.com/forum#p2
www.blabla.com/forum#p3
...
www.blabla.com/forum#p220

在我的脚本中，我必须在页220找到一个特定的URL，如果它在那里，打开它。问题是，打开链接似乎不像我想要的那样工作:

var elem = document.getElementsByClassName("all_items"), 
    i = 0;
if (elem[i].href.indexOf("www.blabla.com/item220") === 0)
    {
        window.open(elem[i].href, "_blank");
    }

我在这里做的是:我首先定义页面上的所有项目的类，然后让它循环遍历项目，直到找到"item220"的链接并打开它。

:唯一的元素和链接，figure在这个网站的源代码，是那些页1。结果，我的脚本找不到"www.blabla.com/item220"，因为它不在第1页上，因此也不在源代码中。虽然，在"inspect element"菜单中，我确实可以找到item220的链接。

我如何找到一个链接不存在于源代码中，但确实出现在"检查元素"菜单?

谢谢你的帮助，

bram

如果动态添加到页面上，它只出现在'inspect element'区域，而不是源代码，因为源代码是最初加载时的网页。而inspect元素窗口则显示网页上的实时更改

相关文章：