Javascript I'；我正在尝试创建通过NYTAPI生成的标题，它也会带您阅读本文

我正在尝试创建通过NYT API生成的标题，该标题也将引导您阅读文章

大家好。请注意，我是初学者：）

首先，提前谢谢你

我想创建一个标题，让我也能看到文章本身

有没有一种有效的方法可以做到这一点？我尝试创建一个内部HTML来创建一个嵌套标记，但它似乎不起作用。我认为我对这一切的态度是完全错误的。欢迎任何建议。再次感谢您的耐心和帮助

var url='1〕https://api.nytimes.com/svc/search/v2/articlesearch.json?q=picasso&api-键=1jmsdzQEx52HKDfIW8XglhrDcs0M1TqI'
函数设置（）{
noCanvas（）；
loadJSON（url，gotData）；
}
函数gotData（数据）{
var articles=data.response.docs；
对于（变量i=0；i<10；i++）{
var h1=createElement（'h1'，articles[i].headline.main）；
h1.类别（“标题”）；
h1.innerHTML=''；
var a=document.getElementsByClassName（“标题”）；
a[i].setAttribute（“href”，articles[i].web_url）；
}
}

*{
保证金：0；
填充：0；
}
.左侧部分{
字体大小：粗体；
显示器：flex；
宽度：500px；
高度：100px；
填充物：5px；
边框：1px纯蓝色；
背景颜色：黄色；
}
.左侧部分：悬停{
字号：首字母；
显示：块；
宽度：500px；
高度：100px；
填充物：5px；
边框：1px纯棕色；
背景颜色：黄色；
}
.标题{
利润率：10px；
-webkit转换：透视图（1px）translateZ（0）；
变换：透视图（1px）translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
-webkit转换持续时间：0.3s；
过渡时间：0.3s；
-webkit转换属性：转换；
过渡性质：变换；
}
.标题：悬停{
字体大小：30px；
背景颜色：黄色；
字母间距：5px；
背景尺寸：300px 100px；
光标：指针；
-webkit转换：比例（1.1）；
转换：比例（1.1）；
}

文件
什么好~
哟，
你好，世界！