如何在 JavaScript 中添加动态创建的脚本标签属性？

Question

我正在尝试在动态创建的 JavaScript 属性中添加 data-client-key。检查下面的代码我试过什么：

var script = document.createElement("script")
script.type = "text/javascript";
script.src = 'https://app.example.com/snap/script.js';
//script.data-client-key="CLIENT-KEY-HERE"; /* showing error message */
document.getElementsByTagName(script)[0].setAttribute("data-client-key", "CLIENT-KEY-HERE"); /* Uncaught TypeError: Cannot read property 'setAttribute' of undefined */
document.getElementsByTagName("head")[0].appendChild(script);

当我检查元素时，我的输出应该如下所示：

<script src="https://app.example.com/snap/script.js" data-client-key="CLIENT-KEY-HERE"></script>

Answer 1

改变

document.getElementsByTagName(script)[0].setAttribute("data-client-key", "CLIENT-KEY-HERE");

至

script.setAttribute("data-client-key", "CLIENT-KEY-HERE");

因为您已经在 script 变量中有了脚本元素

Answer 2

请查看以下documentation setAttribute。你可以这样做

b.setAttribute("name", "helloButton");

如何在 JavaScript 中添加动态创建的脚本标签属性？

How to add dynamically created script tag attribute in JavaScript?

javascript

load