Javascript Paypal REST API页面上有多个按钮

我在使用RESTAPI在一个页面上实现多个PayPal Express签出按钮时遇到问题。这是一个视频购买网站，用户将只购买单个视频，因此不需要购物车跟踪多个项目。我只想列出可用的视频，然后在每个视频旁边显示一个PayPal Buy Now按钮。我有一个从数据库中提取视频信息内容的循环，但我似乎不明白为什么按钮不起作用

我在控制台中不断收到一个错误

错误：文档已准备就绪，元素#ws#u lifh1不存在↵ 在 ↵

ws_lifh1是每个视频的视频id。我得到这个错误4次，但每一次都在错误中显示其正确的视频id

这是我的代码，生成这个

var ppbutton=paypal.Button.render（{
env:'沙盒'，//或'沙盒'，
客户：{
沙盒：“某物”，
制作：《某物》
},
提交：true，//显示“立即付款”按钮
风格：{
标签：“buynow”，
品牌：“正确”，
尺寸：'小'，//小|中|大|灵敏
形状：“rect”，//药丸| rect
颜色：“蓝色”//金色|蓝色|银色|黑色
},
支付：功能（数据、操作）{
返回操作。付款。创建（{
付款：{
交易：[{
金额：{
总计：“12.95”，
货币：美元
},
描述：“从布默健身中心与迈克尔·G.购买视频。”，
项目清单：{
项目：[{
姓名：“在家里靠15英寸#1”，
videoid:“ws_lifh1”，
价格：'12.95'，
货币：美元
} ]
}
} ]
}
} );
},
onAuthorize：函数（数据、操作）{
返回actions.payment.execute（）.then（函数（付款）{
窗口警报（“已收到付款”）；
} );
},
onCancel：函数（数据、操作）{
/* 
*买方取消了付款
*/
},
onError：函数（err）{
/* 
*事务处理过程中发生错误
*/
}
}，“#”+videoid）；
var videolisting=document.createElement（'div'）；
setAttribute（'class'，'row bottom margin'）；
videolisting.innerHTML=“”+videoname+“$”+videoprice+“+ppbutton+”；
document.getElementById（'container'）.appendChild（视频列表）；
} );如果您想要答案，请在代码中填充空格，使其可读。完成。虽然它的显示方式与编辑时不同，但有类似的问题。该死，两年前。这还没有回答吗？