Добавьте "новую строку" в 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];
Точка с запятой "; кажется, действует как разрывы строк
Помните "+ =", чтобы назначить несколько значений строке