2013-10-17 21 views
12

Tôi đang cố gắng tạo một bảng có hình ảnh trong ô đầu tiên và thông tin về pic trong ô thứ hai.Thêm một "dòng mới" trong innerHTML

Tôi cần thêm thông tin khác nhau trong một tế bào, như thế:

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

Có thể thêm một "dòng mới" đó? Ý tôi là như thế:

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

bạn đã thử? –

+1

có, nó không hoạt động –

Trả lời

15

Cách đơn giản nhất là bằng cách thêm một ngắt dòng như html

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

Nếu bạn muốn dòng mới của bạn được đối xử theo nghĩa đen, bạn có thể sử dụng thẻ <pre>

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

Cảm ơn! Làm thế nào tôi quên nó, nó là HTML:/ –

+0

Cảm ơn bạn Juan Mendes nó đã giúp – Enoy

+0

cảm ơn bạn vì điều này! – nxmohamad

4

Để hiểu rõ hơn:

Vì nó tôi s html (innerHTML) nó ám html và bạn có thể sử dụng bất kỳ html bạn muốn, vì vậy trong trường hợp này chỉ cần thêm một tốt cũ thời <br>:

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

Nếu nó là một chuỗi, chẳng hạn như trong một hộp cảnh báo hoặc hộp văn bản, vv thì/n sẽ chính xác:

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

Mã hóa hạnh phúc!
    - $ cr1ptN nj @

+3

'/ n' không chính xác. Trình tự thoát là '\ n'. – dionyziz

-3

Không, <br /> không hoạt động trong asp .net nhưng bạn thay vì có thể viết nó như vậy

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

Chỉnh sửa - thay thế được bao bọc trong các thẻ đang

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

Dấu chấm phẩy ";" dường như hoạt động như ngắt dòng Hãy nhớ "+ =" để chỉ định nhiều giá trị cho chuỗi

+1

'
' hoạt động hoàn toàn tốt trong HTML được tạo từ ASP.NET. '"/n "' không có nghĩa là một dòng mới ở bất kỳ đâu mà tôi biết. '\ n' có nghĩa là một dòng mới trong chuỗi chữ JavaScript, nhưng được xử lý giống như bất kỳ khoảng trống nào khác khi được chuyển đổi sang HTML. Dấu chấm phẩy không hoạt động như ngắt dòng trong JavaScript, dấu chấm phẩy kết thúc một câu lệnh. Đôi khi một ngắt dòng với nguyên nhân một dấu chấm phẩy được chèn tự động trong JS. Tóm lại, hoàn toàn mọi thứ về câu trả lời này là sai (và chủ yếu là ngược lại chính xác) – Quentin

Các vấn đề liên quan