Question

以下是这种情况，我使用this.attributes.getNamedItem("id");获取了元素的ID。 this表示我选择的图片，我有几对图片。

我想从所选图像的id中获取数字，因为我想将该数字用作计数器。例如，此处的id为img_4，但它似乎不是文本类型。我希望将id作为文本或字符串，然后获取最后一个字符，然后将其4更改为数字。你能告诉我任何方法吗？

干杯

Answer 1

使用正则表达式match并不重要，如果以后数字将在中间，因为它仍然有效。

＆＃13;

    var el = document.getElementById("img_4");
    var nr = parseInt(el.id.match(/\d/g));
    
    el.textContent = 'Your number ' + nr + ' plus 3 equals ' + (nr + 3);

＆＃13;

<div id="img_4"></div>

＆＃13;

Answer 2

this.attributes.getNamedItem("id");或this.id会将元素的id作为字符串提供给您。如果您想将其转换为数字，可以将split函数与parseInt函数结合使用：

var imageID = "img_4"; // or this.id
var imageIndexString = imageID.split("_")[1]; // the text after the _, "4"
var imageIndex = parseInt(imageIndexString); // string "4" is now a number: 4

如何将元素的属性作为文本类型

2 个答案: