![](/img/trans.png)
[英]how to add a script value dynamically in html head tag in javascript
[英]How to add dynamically created script tag attribute in JavaScript?
我正在嘗試在動態創建的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>
更改
document.getElementsByTagName(script)[0].setAttribute("data-client-key", "CLIENT-KEY-HERE");
至
script.setAttribute("data-client-key", "CLIENT-KEY-HERE");
因為您已經在script
變量中包含了腳本元素
請查看以下有關setAttribute的文檔 。 你可以這樣
b.setAttribute("name", "helloButton");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.