web-dev-qa-db-fra.com

Ajouter une "nouvelle ligne" dans innerHTML

J'essaie de créer un tableau avec des images dans la première cellule et des informations sur la photo dans la deuxième cellule.

J'ai besoin d'ajouter des informations différentes dans une cellule, comme ça:

cellTwo.innerHTML = arr_title[element] + arr_tags[element];

Est-il possible d'y ajouter une "nouvelle ligne"? Je veux dire comme ça:

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element];
javascripthtml5innerhtml
20
Gudron Swiss

La manière la plus simple consiste à ajouter un saut de ligne au format html

cellTwo.innerHTML = arr_title[element] + "<br />" + arr_tags[element];

Si vous souhaitez que vos retours à la ligne soient traités littéralement, vous pouvez utiliser le <pre> tag

cellTwo.innerHTML = 
    "<pre>" + arr_title[element] + "\n" + arr_tags[element] + "</pre>";
23
Juan Mendes

Pour compléter votre compréhension:

Puisqu'il est html (innerHTML) il rend html et vous pouvez utiliser n'importe quel html que vous souhaitez, donc dans ce cas, ajoutez simplement un bon vieux _ <br>:

var test = document.getElementById('someElementId');
test.innerHTML = "The answer <br>to life, the universe, and everything...<br> is 42.";

S'il s'agissait d'une chaîne, comme dans une zone d'alerte ou une zone de texte, etc.,/n serait correct:

alert('Never /n Forget your towel.');

Codage heureux!
- $ cr1ptN! Nj @

6
cbur