如何使用javascript设置ID？

我正在生成一个包含很多产品的页面，为此，我需要很多ID，我使用服务器端Python来完成，所以我为每个产品发送了自己的测试

现在，因为用户将在浏览器中设置一个值并查看结果，所以我想生成另一个ID，为此我找到了btoahello1，所以我生成了另一个ID

那么问题是，我如何把btoahello1放进去

编辑：我要生成的是另一个，而不是更新第一个

<input id="{{str(product["avt"]["fto"])}}" > this will become  <input id="12232" > because it is special to Tornado Template
<span>New price :</span>
<span id=btoa({{str(produit["avt"]["fto"])}})> This  is where i use innerHTML </span>

如您所见，用户将输入一个值并动态查看它

这将在Python中使用：

<span id="{{base64.b64encode(str(produit["avt"]["fto"]))}}"></span>

但是我认为如果可以使用Javascript来完成，服务器将可以免费完成一半的操作

你是说像这样吗

var hello1 = document.getElementById('hello1');
hello1.id = btoa(hello1.id);

为了进一步说明这个示例，假设您希望使用类“abc”获取所有元素。我们可以使用querySelectorAll来实现这一点：

HTML

更新

如果脚本在HTML文件中，可以像这样设置元素的id

<input id="{{str(product["avt"]["fto"])}}" >
<span>New price :</span>
<span class="assign-me">

<script type="text/javascript">
    var s = document.getElementsByClassName('assign-me')[0];
    s.id = btoa({{str(produit["avt"]["fto"])}});
</script>

---

您的要求仍然不是100%清楚。

您的意思是什么？这就是设置id的方式。获取元素，然后使用元素。id@AbdelouahabPp另一个？？你还指望什么办法？这是最简单和标准的one@DanielImms我认为他的意思是创建一个新的部门并分配ID。我认为你低估了当今计算机的功能。如果可能的话，服务器应该完成一个简单的计算id的操作。@Abdelouahapp我在最后错过了[0]，这将选择第一个。您可以在不使用[0]的情况下返回以获取数组，然后对其进行迭代。向我们展示如何生成div。这些模板不是在服务器端用python处理的吗？您是否使用JavaScript创建了任何元素？@bFavaret为了只创建输入元素，span元素应该使用JavaScript生成，这样我就可以在realtimeQuestion中使用getElementById了。我只需要回答这个问题。

var abcElements = document.querySelectorAll('.abc');

// Set their ids
for (var i = 0; i < abcElements.length; i++)
    abcElements[i].id = 'abc-' + i;

<div class="abc" id="abc-0"></div>
<div class="abc" id="abc-1"></div>

var div = document.createElement('div');
div.id = 'hello1';

var body = document.querySelector('body');
body.appendChild(div);

<input id="{{str(product["avt"]["fto"])}}" >
<span>New price :</span>
<span class="assign-me">

<script type="text/javascript">
    var s = document.getElementsByClassName('assign-me')[0];
    s.id = btoa({{str(produit["avt"]["fto"])}});
</script>