gpt4 book ai didi

javascript - 循环文本未打印在 html 内

转载 作者:行者123 更新时间:2023-12-03 04:18:59 24 4
gpt4 key购买 nike

我有一个网页,我想在其中显示我从 NewYork Time API 获取的文章标题,我也使用 Nodejs,但问题是我的文章打印在 html 末尾下方,尽管它应该像打印“样本文本”一样打印在里面,有什么方法可以将其打印在里面吗? /image/6MNY8.jpg

                       <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>

最佳答案

您的文章被插入到页面末尾,因为这是您要求 javascript 在“document.body.appendchild”行中执行的操作。如果您希望检索到的文章位于特定的 div 或 p 标记中,请执行以下操作:

<p id="articles">Articles listed below:</p>
<script>
var newArticle = document.createElement("div");
var h = document.createElement("H1");
h.appendChild(document.createTextNode("Header"));
newArticle.appendChild(h);
var t = document.createTextNode("New article text");
newArticle.appendChild(t);
document.getElementById("articles").appendChild(newArticle);
</script>

我无法使用 NYT api 测试您的原始代码,但您至少应该能够通过上面的代码了解它是如何完成的。

关于javascript - 循环文本未打印在 html 内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44027534/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com