Question

我正在为Blogger网站开发一个小工具。我想使用Javascript从网站的Feed（Atom）中获取前四个帖子中的标题，链接和第一张图片以及特定标签。到目前为止，我已经从这些帖子中获得了标题和链接，并在小工具中显示了HTML。这是代码：

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Retrieve Featured Blog Posts" height="150" author="John Behan" />
<Content type="html">
    <![CDATA[
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("feeds", "1");              
        </script>
        <script type="text/javascript">
            function initialize() {

                var feed = new google.feeds.Feed("http://test-ohomind.blogspot.com/feeds/posts/default/-/featured");
                feed.load(function(result) {
                    if (!result.error) {
                        var container = document.getElementById("feed");
                        for (var i = 0; i < result.feed.entries.length; i++) {
                            var entry = result.feed.entries[i];

                            var myElement = document.createElement('div');
                            var content = entry.content;
                            myElement.innerHtml = content;

                            var imagesrc = myElement.getElementsByTagName("img")[0].src;

                            var mydiv = document.getElementById("mydiv");
                            var newcontent = document.createElement('p');

                            newcontent.innerHTML = '<a href="' + entry.link + '">' + entry.title + '</a><br />' + imagesrc;

                            while (newcontent.firstChild) {
                                mydiv.appendChild(newcontent.firstChild);
                            }
                        }
                    }

                });
            }
            window.onload = initialize();
        </script>
            <body>

                <div id="mydiv">

                </div>
            </body>
    ]]>
</Content>
</Module>

以上代码提供了一个空白小工具和Firebug报告

myElement.getElementsByTagName（“img”）[0]未定义

我试过改变一下：

var imagesrc = myElement.getElementsByTagName("img");

在小工具中提供此内容

[object NodeList]

有人能告诉我我做错了吗？我只需要获取第一张图像的源（src）。我能做的其他小工具，但这个问题的一小部分让我在这个阶段完全失望。

提前致谢。

Answer 1

我在你的代码中注意到的一个潜在问题是你的window.onload实际上正在运行initialize（）脚本函数，而不是设置我认为你想要的window.onload = initialize或window.onload = function(){initialize()};。

鉴于您的代码在onload之前运行，它将解释为什么getElementsByTagName没有提取任何内容

编辑：我还建议您查看Best practice for using window.onload以获取最佳做法

使用Javascript从Atom提要中提取图像的来源

1 个答案: