2013-10-17 42 views
12

我正在尝试在第一个单元格中创建一个包含图像的表格,并在第二个单元格中创建一个关于该pic的信息。在innerHTML中添加一个“新行”

我需要在一个单元格添加不同的信息,这样的:

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

是否有可能增加一个“新行”呢? 我的意思是这样的:

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

您已经尝试过吗? –

+1

是的,这是行不通的 –

回答

15

最简单的方法是将一个换行符为HTML

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

如果你想从字面上对待你换行,你可以使用<pre>标签

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

谢谢!我怎么忘记它,它是HTML:/ –

+0

谢谢胡安门德斯它帮助 – Enoy

+0

谢谢你! – nxmohamad

4

为了达到您的理解:

因为它我小号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

'/ n'不正确。转义序列是'\ n'。 – dionyziz

-3

不,<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]; 

分号“;”似乎充当换行符 记住“+ =”将多个值分配给字符串

+1

'
'在ASP.NET生成的HTML中工作得很好。据我所知,'“/ n”'不代表任何地方有新线。 '\ n'表示JavaScript字符串文字中的新行,但在转换为HTML时被视为与其他任何空白字符一样。分号不像JavaScript中的换行符,分号结束语句。有时会导致在JS中自动插入分号的换行符。简而言之,绝对所有关于这个答案的东西都是错误的(并且大部分是正确的) – Quentin