2015-05-13 3 views
1

Введенные символы «\ n» в следующем коде НЕ производят разрывы строк в сгенерированной строке. Что мне делать??? :-)Внедрение нового символа строки в строку JavaScript

/* Load array into DOM */ 
var directory = document.getElementById ("directory"); 
directory.innerHTML = ""; 
var numberOfHouses = house.length; 
for (i = 0; i < numberOfHouses; i++) { 
    var houseNode = document.createElement('span'); 
    var text = (house[i][0] + "\n" + house[i][1] + "\n" + house[i][2] + "\n" + house[i][3] + "\n " + house[i][4] + "\n" + house[i][5] + "\n" + house[i][6] + "\n" + house[i][7] + "\n" + house[i][8] + "\n\n"); 
    var houseText = document.createTextNode(text); 
    houseNode.appendChild(houseText); 
    directory.appendChild(houseNode);  
    } 
+0

Строковые данные выходят, но не со встроенными разрывами строк. –

+1

Дубликат http://stackoverflow.com/questions/1155678/javascript-string-newline-character. Если вы в конечном итоге записываете строку в html, вы можете использовать тег br для создания разрывов строк. Помните, что HTML разрушает пробелы, включая разрывы строк по умолчанию. – Ryan

ответ

0

Для создания новых линий необходимо использовать <br>. Вы создаете строку в javascript, но ее интерпретируют в HTML.

1

Это потому, что перевод строки в текстовом узле не отображается в виде перевода строки.

Если вы хотите новую строку на веб-странице, вы должны использовать CSS, такие как white-space: pre-line;, чтобы сделать их подсчет, или добавить <br> элемент

0
var directory = document.getElementById ("directory"); 
directory.innerHTML = ""; 
var numberOfHouses = house.length; 
for (row = 0; row < numberOfHouses; row++) { 
    var houseNode = document.createElement('span'); 
    for (column = 0; column < 9; column++) { 
    var text = (house[row][column]); 
    var houseText = document.createTextNode(text); 
    houseNode.appendChild(houseText); 
    directory.appendChild(houseNode); 
    var brNode = document.createElement ('br'); 
    houseNode.appendChild(brNode); 
    } 
    var pNode = document.createElement('p'); 
    directory.appendChild(pNode); 
} 

// Fixed!

Смежные вопросы