Javascript getElementById，其中ID有多个连字符

不幸的是，我无法更改输入的ID，并且希望使用JavaScript更改其值

<input id="name-with-annoying-hyphens" type="number" />

<script>
document.getElementById(['name-with-annoying-hyphens']).value = "10";   
</script>

document.getElementById（['name-with-hyphens']）。value=“10”；

我无法摆脱这三个连字符，因为ID是如此的深入人心。我也不能仅仅给出一个值定义，因为JavaScript有动态值。我已经提炼了一些东西来切入要点

有人对此有解决办法或经验吗

---

我将发布我要做的事情的完整脚本

查询字符串：{url}？金额=100

<script type="text/javascript">
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");

    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");

        if (pair[0] == variable) { return pair[1]; }
    }

    return(false);
}
</script>

<input id="name-with-annoying-hyphens" type="number"  />

<script>
    document.getElementById(['name-with-annoying-hyphens']).value = getQueryVariable("amount");
</script>

<script type="text/javascript">
function getQueryVariable(variable)
{
   var query = window.location.search.substring(1);
   var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
   }
   return(false);
}
</script>

<input id="name-with-annoying-hyphens" type="number"  />

<script>
    document.getElementById('name-with-annoying-hyphens').value = getQueryVariable("amount");
</script>

函数getQueryVariable（变量）{
var query=window.location.search.substring（1）；
var vars=query.split（&）；
对于（var i=0；i
window.onload=function（）{
窗口[“əlövsət-dayı”]。值=10；
}
谢谢大家。下面的工作很好。我犯了个愚蠢的错误

查询字符串：{url}？金额=100

<script type="text/javascript">
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");

    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");

        if (pair[0] == variable) { return pair[1]; }
    }

    return(false);
}
</script>

<input id="name-with-annoying-hyphens" type="number"  />

<script>
    document.getElementById(['name-with-annoying-hyphens']).value = getQueryVariable("amount");
</script>

<script type="text/javascript">
function getQueryVariable(variable)
{
   var query = window.location.search.substring(1);
   var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
   }
   return(false);
}
</script>

<input id="name-with-annoying-hyphens" type="number"  />

<script>
    document.getElementById('name-with-annoying-hyphens').value = getQueryVariable("amount");
</script>


函数getQueryVariable（变量）
{
var query=window.location.search.substring（1）；
var vars=query.split（&）；
对于（var i=0；i
['name-with-hasting-hyphens']
是错误的，您不需要将其放在一个数组中删除括号-
document.agetElementById（'name-with-hasting-hyphens'）。value=“10”
这应该可以，即使它滥用了Array.toString。您可能还有其他问题，请尝试记录您试图达到的元素和您试图设置的值。在
谷歌Chrome
浏览器中，代码工作正常。您在测试上述代码时使用了哪种浏览器，您面临的问题是什么？您好marmeladze，非常感谢！！使用window.onload效果非常好，因为页面中还有其他内容，我的脚本工作起来与我的尝试不同。谢谢，谢谢，谢谢！！！这对我来说真的很痛苦，这是最好的。谢谢！！