javascript - 如何从 10 个或更多 ID 中选择一个包含特定数字的 ID

标签 javascript dom

我想从一堆 ID 中获取一个随机 ID

<table>
  <tr id="big1>1</tr>
  <tr id="big2>2</tr>
  <tr id="big3>3</tr>
  <tr id="big4>4</tr>
</table>

我想做一个随机数,然后得到那个id,但我不知道如何写

var x=3;
document.getElementById('big[x]');

最佳答案

您可以使用 + 形成带有字符串争用的 id:

var x = 3;
console.log(document.getElementById('big'+x));
<table>
  <tr id="big1">1</tr>
  <tr id="big2">2</tr>
  <tr id="big3">3</tr>
  <tr id="big4">4</tr>
</table>

您也可以尝试使用 Template Literals允许嵌入表达式:

var x = 3;
console.log(document.getElementById(`big${x}`));
<table>
  <tr id="big1">1</tr>
  <tr id="big2">2</tr>
  <tr id="big3">3</tr>
  <tr id="big4">4</tr>
</table>

关于javascript - 如何从 10 个或更多 ID 中选择一个包含特定数字的 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57025277/

相关文章:

php - 在 PHP 中检索相对 DOM 节点

javascript - 增加元素的内容(高效的单行代码?)

xml - 使用 XSL 从一个节点移动到另一个节点

javascript - Jquery 选择 DOM 元素并访问内部元素

javascript - 需要解释为什么 "1"- -"1"表达式返回 2?

javascript - 从 Owl Carousel 创建多行轮播

javascript - 为什么 setTimeout 触发的时间早于应有的时间?

JQuery 检查 DOM 中的重复 ID

javascript - 在 javascript 中增加一个整数会导致 NaN

javascript - String.match() 函数即使匹配也返回 null