如何将int附加到getElementByID()的字符串参数的末尾

时间:2016-06-10 17:03:06

标签: javascript html

我需要知道如何在getElementByID方法的字符串类型的参数的末尾附加一个整数...在这个例子中最新的== 2。我想搜索id" number2"。

number=document.getElementById("number"&latest);

目前的语法给了我一些问题。

此外,如果我想动态插入HTML,那么如何将该值插入到标签的数据字段中

cell1 = row.insertAdjacentHTML('beforeend',<span><label for="2" id="label2">2</label></span>

这里的所有&#34; 2&#34;应该是动态的,就像我要引用一个全球计数器...

1 个答案:

答案 0 :(得分:0)

  

我需要知道如何将一个整数附加到getElementByID方法的字符串类型参数的末尾..........

只需使用&#39; +&#39; 运算符

var latest = 2;
var number = document.getElementById( "number" + latest );

请参阅字符串操作:http://www.w3schools.com/js/js_operators.asp

  

如果我想动态插入HTML ........

假设 globalNumber 是一个全局变量,其值为2

然后第二个查询的正确语法是

cell1 = row.insertAdjacentHTML( 'beforeend', '<span><label for="' +  globalNumber + '" id="label' + globalNumber + '" >' +  globalNumber + '</label></span>' );

'<span><label for="' +  globalNumber + '" id="label' + globalNumber + '" >' +  globalNumber + '</label></span>' 

会给你

<span><label for="2" id="label2" >2</label></span>

请参阅:https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML