数组转换为 html 标签列表 arrayToHtmlList – JavaScript 实用代码片段

将给定的数组元素转换为 <li> 标签并将其附加到给定 id 的列表中。

使用 Array.map()document.querySelector() 来创建一个html 标签列表。

const arrayToHtmlList = (arr, listID) =>
  arr.map(item => (document.querySelector('#' + listID).innerHTML += `<li>${item}</li>`));
arrayToHtmlList(['item 1', 'item 2'], 'myListID');
赞(0) 打赏
未经允许不得转载:WEB前端开发 » 数组转换为 html 标签列表 arrayToHtmlList – JavaScript 实用代码片段

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏