Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как добавить 0 перед цифрой (https://javascript.ru/forum/dom-window/77449-kak-dobavit-0-pered-cifrojj.html)

ethereal 06.05.2019 18:20

Как добавить 0 перед цифрой
 
Здравсивуйте. Есть код который генерируется сам:

<div class="swiper-pagination swiper-pagination-fraction">
  <div>
    <span class="swiper-pagination-current">1</span>
    <span class="swiper-pagination-total">5</span>
  </div>
</div>


Как через JS довавить 0 перед цифрами до 10?

Спасибо!

Dilettante_Pro 06.05.2019 18:39

ethereal,
Цитата:

Сообщение от ethereal
Есть код который генерируется сам

Проще добавить сразу в генерацию, но можно и так:
<div class="swiper-pagination swiper-pagination-fraction">
  <div>
    <span class="swiper-pagination-current">1</span>
    <span class="swiper-pagination-total">5</span>
    <span class="swiper-pagination-all">12</span>
  </div>
</div>
<script> 
   var sp = document.querySelectorAll('span');
   [].forEach.call(sp, function(el) {
       var cont = el.innerText;
       el.innerText = cont.length < 2 ? '0' + cont: cont;
    });
</script>

Malleys 06.05.2019 22:56

ethereal, Dilettante_Pro, или так...
<div class="swiper-pagination swiper-pagination-fraction">
  <div>
    <span class="swiper-pagination-current">1</span>
    <span class="swiper-pagination-total">5</span>
    <span class="swiper-pagination-all">12</span>
  </div>
</div>
<script> 
	for(const element of document.querySelectorAll("span"))
		element.textContent = element.textContent.padStart(2, "0");
</script>

Vlasenko Fedor 06.05.2019 23:16

<div class="swiper-pagination swiper-pagination-fraction">
  <div>
    <span class="swiper-pagination-current">1</span>
    <span class="swiper-pagination-total">5</span>
    <span class="swiper-pagination-all">12</span>
  </div>
</div>
<script> 
document.querySelectorAll("span").forEach(el => el.textContent = el.textContent.padStart(2, "0"))
</script>

бежит время, а ранее мы так делали
el.textContent = ("0" + el.textContent).substr(-2)


Часовой пояс GMT +3, время: 19:13.