Добавьте "новую строку" в innerHTML

Я пытаюсь создать таблицу с изображениями в первой ячейке и информацию о pic во второй ячейке.

Мне нужно добавить другую информацию в одну ячейку, например:

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

Можно ли добавить туда "новую строку"? Я имею в виду:

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element];

Ответ 1

Самый простой способ - добавить разрыв строки в виде html

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

Если вы хотите, чтобы ваши новые строки обрабатывались буквально, вы можете использовать тег <pre>

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

Ответ 2

Чтобы закруглить свое понимание:

Так как это html (innerHTML), он отображает html, и вы можете использовать любой html, который вы хотите, поэтому в этом случае просто добавьте старый старинный стиль <br>:

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

Если бы это была строка, например, в поле предупреждения или текстовом поле и т.д., то /n было бы правильным:

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

Счастливое кодирование!
     - $cr1ptN! nj @

Ответ 3

Вы можете попробовать что-то вроде этого:

const printMessage = (target, message, frequency) => {
    message.forEach((line, lineIndex) => {
    const previousCharacters = message.slice(0, lineIndex).join(' ').length
    line.split('').forEach((character, charIndex) => {
        setTimeout(() => {
        target.innerHTML = `${target.innerHTML}${character}${charIndex === line.length - 1 ? '<br/>' : ''}`
      }, (previousCharacters + charIndex) * frequency)
    })
  })
}

printMessage(document.getElementById('target'), [
    'Hello World!',
    'How are you ?'
], 100)

https://jsfiddle.net/krmza2pg/

Ответ 4

Нет, <br /> не работает в asp.net, но вы можете вместо этого записать его так

cellTwo.innerHTML = arr_title[element] + arr_tags[element]; arr_title[element] + "/n" + arr_tags[element];

Редактировать - альтернатива, заключенная в теги кода

cellTwo.innerHTML = arr_title[element] + arr_tags[element];
cellTwo.innerHTML += arr_title[element] + "/n" + arr_tags[element];

Точка с запятой "; кажется, действует как разрывы строк Помните "+ =", чтобы назначить несколько значений строке