DOM Manipulation не работает внутри литералов шаблона

Question

Start DOM:

var group = document.getElementsByClassName('form-group');
var p = group[0].getElementsByTagName('p');

НЕ рабочий код:

for (var i = 0; i <= p.length; i++) {
`this is : ${p[i].innerHTML}`;}

рабочий код: пришлось сделать так, чтобы получить доступ внутренняя HTML:

for (var i = 0; i <= p.length; i++) {
console.log("this is : "+ p[i].innerHTML +"")}

фактический код давно, я хочу l oop несколько внутренних HTML из другого тега. Так как я не могу получить доступ через шаблонный формат литералов, пришлось сделать типичный путь console.log.

Это действительно невозможно или я что-то там пропустил?

FULL HTML:

<div class="form-group">
    <div class="mb-1">
        <h4 class="mb-3" style="font-family: Rubik, Lato, sans-serif; color: rgb(99, 57, 145); font-size: 20px;">Where i can use Prepay to secure my payment?</h4>
        <p class="light-font mb-5" style="color: rgb(149, 144, 148); font-family: Rubik, Lato, sans-serif; font-size: 16px;">Prepay works just like online banking, you can send to anyone, anywhere like online marketplace (mudah,carousell etc), online gaming and when you dealing with online services where you need to pay your money in advance.</p>

        <h4 class="mb-3" style="font-family: Rubik, Lato, sans-serif; color: rgb(99, 57, 145); font-size: 20px;">My shipment was lost/damaged during delivery by Prepay Courier, What should I do?</h4>
        <p class="light-font mb-5" style="color: rgb(149, 144, 148); font-family: Rubik, Lato, sans-serif; font-size: 16px;">Every courier delivery has been insured with amount up to RM200, contact us to proceed for a claim.</p>

        <!-- TOO LONG, I JUST CUT THESE 2 ABOVE -->
    </div>
</div>

Answer 1

Изменить i <= p.length; на i < p.length;

var group = document.getElementsByClassName('form-group');
var p = group[0].getElementsByTagName('p');


for (var i = 0; i < p.length; i++) {
  console.log(`this is : ${p[i].innerHTML}`);
}

<div class="form-group">
  <div class="mb-1">
    <h4 class="mb-3" style="font-family: Rubik, Lato, sans-serif; color: rgb(99, 57, 145); font-size: 20px;">Where i can use Prepay to secure my payment?</h4>
    <p class="light-font mb-5" style="color: rgb(149, 144, 148); font-family: Rubik, Lato, sans-serif; font-size: 16px;">Prepay works just like online banking, you can send to anyone, anywhere like online marketplace (mudah,carousell etc), online gaming and when you dealing with online services where you need to pay your money in advance.</p>

    <h4 class="mb-3" style="font-family: Rubik, Lato, sans-serif; color: rgb(99, 57, 145); font-size: 20px;">My shipment was lost/damaged during delivery by Prepay Courier, What should I do?</h4>
    <p class="light-font mb-5" style="color: rgb(149, 144, 148); font-family: Rubik, Lato, sans-serif; font-size: 16px;">Every courier delivery has been insured with amount up to RM200, contact us to proceed for a claim.</p>


  </div>
</div>