почему мы не можем использовать функцию "inner HTML" непосредственно в l oop вместо объединения текста, чтобы получить вертикальный письменный список? - PullRequest
Новая
       117

почему мы не можем использовать функцию "inner HTML" непосредственно в l oop вместо объединения текста, чтобы получить вертикальный письменный список?

0 голосов
/ 20 июня 2020

почему мы не можем использовать функцию «inner HTML» непосредственно в l oop вместо объединения текста, чтобы получить вертикальный письменный список? 

const pk = document.getElementById('pk');

function validation(){
    var word = document.getElementById('name').value;
    var arr = word.split(" ");
    var i;
    for (i = 0; i < arr.length; i++){
        console.log(i);
        let boko = document.createElement('div');
        boko.setAttribute('id', 'boko');
        pk.appendChild(boko);
        document.getElementById("boko").innerHTML = i;
    }
}

здесь я не получаю вывод как 0 1 2 3 вместо этого я получаю только 3 ... я заменил " text += "The number is " + i + "<br>";" этот оператор ... но кажется, что он не работает, пожалуйста, помогите мне решить проблему.

1 Ответ

0 голосов
/ 20 июня 2020

У вас уже есть ссылка на ваш div, поэтому вам не нужно назначать ему id - вы можете просто установить его innerHTML напрямую. 

const pk = document.getElementById('pk');

function validation() {
    var word = document.getElementById('name').value;
    var arr = word.split(" ");
    for (var i = 0; i < arr.length; i++){
        let boko = document.createElement('div');
        boko.innerHTML = i;
        pk.appendChild(boko);
    }
}

Оформить заказ документация для createElement(...) - возвращает HTMLElement, который вы можете изменить напрямую (по крайней мере, в случае createElement('div'))

...