Подтвердить что ты не робот

Как установить идентификатор с помощью javascript?

Я создаю страницу с большим количеством продукта, и для этого мне нужно много ID, и я сделал это с использованием серверной части (Python), поэтому я отправляю для каждого продукта свой собственный <div id='hello1'> test </div>

Теперь, когда пользователь установит значение dinamycaly и увидит результат в браузере, я хочу сгенерировать еще один ID, к этому я нашел btoa("hello1"), поэтому я создаю еще один ID

Итак, вопрос, как положить btoa("hello1") в <div>?

Изменить: то, что я хочу сгенерировать, это еще один <div> и не обновлять первый.

<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, сервер будет бесплатным для половины операций!

4b9b3361

ОТВЕТЫ

Ответ 1

Вы имеете в виду это?

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

Для дальнейшего примера, скажем, вы хотели получить все элементы с классом "abc". Мы можем использовать querySelectorAll() для выполнения этого:

HTML

<div class="abc"></div>
<div class="abc"></div>

JS

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

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

Это присваивает каждому элементу идентификатор 'abc-<index number>'. Так получилось бы так:

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

Чтобы создать элемент и назначить id, мы можем использовать document.createElement(), а затем appendChild().

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

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

Обновление

Вы можете установить id на свой элемент следующим образом, если ваш script находится в вашем файле HTML.

<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% не понятны.