循环文本没有在html中打印

时间:2017-05-17 14:21:19

标签: javascript html node.js

我有一个网页,其中我想显示我从NewYork Time API获取的文章标题,我也使用nodejs,但问题是我的文章被打印在html的末尾,尽管它应该像“样本文本”一样打印在里面,有没有办法在里面打印? http://imgur.com/sNmbqeN

                       <div class="card">
                            <div class="header">
                                <h3 class="title"><center><b>Chronicle</b></center></h3>
                            </div>
                            <body>
                                <p id="headline">SAMPLE TEXT</p>
                                <script src="//cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.9/p5.js"></script>
                                <script>
                                var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
                                url += '?' + $.param({
                                    'api-key': "removed",
                                    'q': "Trump"
                                });
                                $.ajax({
                                    url: url,
                                    method: 'GET',
                                }).done(function(result) {
                                    var articles = result.response.docs;
                                    for (var i=0; i<articles.length;i++)
                                    {
                                        document.createElement('div');
                                        document.createElement("H1");
                                        var h = document.createElement("H1");
                                        var t = document.createTextNode(articles[i].headline.main);
                                        h.appendChild(t);
                                        document.body.appendChild(h);
                                    }

                                }).fail(function(err) {
                                    throw err;
                                });
                                </script>


                            </body>

1 个答案:

答案 0 :(得分:1)

您的文章正在页面的末尾插入,因为这就是您要求javascript在您的&#34; document.body.appendchild&#34;线。如果您希望检索到的文章进入特定的div或p标签,请执行以下操作:

compile fileTree(include: '*.jar', dir: 'libs')

我无法使用NYT API测试您的原始代码,但您应该能够看到它至少是如何使用上述代码完成的。