Chúng tôi có thể thêm một dòng mới trong JavaScript theo ba cách tùy thuộc vào tình huống và đầu ra mong muốn của chúng tôi. Hướng dẫn này thảo luận về cả ba tình huống
Thêm một dòng mới bằng ký tự dòng mới trong JavaScript
Trong JavaScript, ký hiệu \n là viết tắt của ký tự xuống dòng. Nếu chúng ta cần in các từ trong các dòng khác nhau trên bảng điều khiển, chúng ta có thể sử dụng ____________ bên trong chuỗi để giới thiệu ngắt dòng
Thí dụ
let str = "This is in line 1.\nThis is in line 2."; console.log(str);
đầu ra
This is in line 1. This is in line 2.
Thêm một dòng mới bằng chữ mẫu trong JavaScript
Chữ mẫu là cách JavaScript cho phép nội suy các biến và biểu thức thành chuỗi, chuỗi được trích dẫn và chuỗi nhiều dòng. Chúng được đặt trong các dấu gạch ngược, giúp việc giới thiệu các dòng mới trong JavaScript dễ dàng hơn
Thí dụ
let str = `This is in line 1. This is in line 2.`; console.log(str);
đầu ra
This is in line 1. This is in line 2.
Thêm một dòng mới bằng cách sử dụng thẻ HTML
vào đầu ra DOM trong JavaScript
Chúng ta có thể sử dụng DOM để ngắt dòng bằng cách sử dụng thẻ
trong HTML. Nhưng phương pháp này dành riêng cho các trang web và không hoạt động trên bảng điều khiển
Để tạo chuỗi nhiều dòng khi in ra bảng điều khiển JavaScript, bạn cần thêm ký tự dòng mới được biểu thị bằng ký hiệu \n
Thêm ký tự dòng mới vào giữa chuỗi của bạn như thế này
let str = "Hello World!\nThis is my string"; console.log(str);
Ký hiệu \n sẽ tạo ngắt dòng trong chuỗi, tạo chuỗi nhiều dòng như hình bên dưới
Hello World! This is my string
Ngoài ra, bạn cũng có thể thêm dấu ngắt dòng mới bằng cách sử dụng Hello World! This is my string 0 khi bạn sử dụng cú pháp chữ mẫu
Một chuỗi ký tự mẫu được đặt trong dấu gạch ngược (``) thay vì dấu ngoặc kép (’’) như thế này
let str = `Hello World! This is my string Adding new line using template string`; console.log(str);
Đầu ra của đoạn mã trên sẽ như sau
________số 8_______
Bạn có thể thêm bao nhiêu ngắt dòng tùy ý trong chuỗi của mình
Tiếp theo, hãy tìm hiểu cách thêm dòng mới vào đầu ra DOM
Thêm dòng mới vào đầu ra DOM
Khi cần xuất dòng mới cho trang web, bạn cần thao tác với DOM và thêm phần tử HTML Hello World! This is my string 1 để văn bản sẽ được in bên dưới
Ví dụ, bạn có thể viết một lệnh JavaScript như sau
document.write("Hello World!<br/>This is my string");
Đầu ra của thẻ Hello World! This is my string 2 sẽ như sau
<body> Hello World! <br /> This is my string </body>
Biết được điều này, bạn có thể thao tác văn bản của một phần tử HTML để thêm một dòng mới bằng cách thay đổi thuộc tính Hello World! This is my string 3 và thêm phần tử Hello World! This is my string 4
Mã trong thẻ Hello World! This is my string 5 bên dưới cho biết cách bạn thêm một dòng mới vào Hello World! This is my string 6 với id Hello World! This is my string 7
<body> <div id="myDiv"></div> <script> let element = document.getElementById("myDiv"); element.innerHTML = "Hello World!<br/>This is my string"; </script> </body>
Đầu ra của thẻ Hello World! This is my string 6 sẽ như sau
<div id="myDiv"> Hello World! <br /> This is my string </div>
Khi tạo đầu ra DOM, bạn không thể sử dụng các ngắt dòng được tạo bằng cách nhấn Hello World! This is my string 0 hoặc ký hiệu \n