Hướng dẫn javascript get function text - javascript lấy văn bản chức năng

Trang chủ
Tham khảo
jQuery
jQuery - function
.text()

Nội dung chính ShowShow

Nội dung chính Show

Định nghĩa và sử dụng
Cấu trúc
.text('Nội dung HTML')
.text(function(){...})
1. Các hàm xử lý chuỗi trong Javascript
Tìm kiếm chuỗi string trong JS
Cắt chuỗi string trong JS
Tìm kiếm và lặp chuỗi trong JS
Chuyển thành chữ hoa và chữ thường trong JS
Nối thêm chuỗi
Tìm ký tự hoặc mã ASCII của một ký tự
Chuyển đổi chuỗi sang mảng JS
2. Cách lặp qua từng ký tự chuỗi string trong JS
3. Lời kết

Định nghĩa và sử dụng
Cấu trúc
.text('Nội dung HTML')
.text(function(){...})
1. Các hàm xử lý chuỗi trong Javascript
Tìm kiếm chuỗi string trong JS
Cắt chuỗi string trong JS
Tìm kiếm và lặp chuỗi trong JS
Chuyển thành chữ hoa và chữ thường trong JS
Nối thêm chuỗi
Tìm ký tự hoặc mã ASCII của một ký tự
Chuyển đổi chuỗi sang mảng JS
2. Cách lặp qua từng ký tự chuỗi string trong JS
3. Lời kết

Định nghĩa và sử dụng

Cấu trúc

Cấu trúc

.text('Nội dung HTML')

.text()

1. Các hàm xử lý chuỗi trong Javascript

$('div').text();

Tìm kiếm chuỗi string trong JSNội dung')

Cắt chuỗi string trong JS

$('div').text('Nội dung được thêm vào');

Tìm kiếm và lặp chuỗi trong JS

.text()

Chuyển thành chữ hoa và chữ thường trong JS

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    var txt = $('p').text();
    $('button').click(function(){
       alert(txt); 
    });
});
</script>
</head>

<body>
<p>Thành phần <span>span</span> bên trong thành phần cha</p>
<button>Click</button>
</body>
</html>

Nối thêm chuỗi

Tìm ký tự hoặc mã ASCII của một ký tự

Chuyển đổi chuỗi sang mảng JS

2. Cách lặp qua từng ký tự chuỗi string trong JS	3. Lời kết
.text(): lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.	.text(): lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.

.text('Nội dung HTML')

Chuyển thành chữ hoa và chữ thường trong JS

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('div').text('Đoạn text được thêm vào');
});
</script>
</head>

<body>
<div></div>
</body>
</html>

Nối thêm chuỗi

Tìm ký tự hoặc mã ASCII của một ký tự

Chuyển đổi chuỗi sang mảng JS

2. Cách lặp qua từng ký tự chuỗi string trong JS	3. Lời kết
.text(): lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.	Đã được thêm vào từ phiên bản 1.0

.text(function(){...})

Chuyển thành chữ hoa và chữ thường trong JS

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('li').text(function(index){
    return 'item thứ ' + (index + 1);
});
});
</script>
</head>

<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>

Nối thêm chuỗi

Chuyển đổi chuỗi sang mảng JS

2. Cách lặp qua từng ký tự chuỗi string trong JS

3. Lời kết

.text(): lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.

Đã được thêm vào từ phiên bản 1.0

item thứ 1

item thứ 2

item thứ 3

item thứ 4

Lấy nội dung HTML của thành phầncác hàm xử lý chuỗi string trong Javascript, đây là những hàm được sử dụng rất nhiều trong quá trình làm việc với JS.

.text('Nội dung')freetuts.net, không được copy dưới mọi hình thức.

Gán nội dung HTML cho thành phần

1. Các hàm xử lý chuỗi trong Javascript

Tìm kiếm chuỗi string trong JSđưa ra những hàm hay sử dụng nhất để bài viết được ngắn gọn hơn.

Tìm kiếm chuỗi string trong JS

Cắt chuỗi string trong JS

Tìm kiếm và lặp chuỗi trong JS

indexOf()
lastIndexOf()
search()

Chuyển thành chữ hoa và chữ thường trong JS

Nối thêm chuỗi

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

Tìm ký tự hoặc mã ASCII của một ký tự

Chuyển đổi chuỗi sang mảng JS

var string = "Website freetuts.net - học lập trình miễn phí tại freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.lastIndexOf("freetuts.net"));

2. Cách lặp qua từng ký tự chuỗi string trong JS

3. Lời kết

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.search("freetuts.net"));

Cắt chuỗi string trong JS

Tìm kiếm và lặp chuỗi trong JS

Chuyển thành chữ hoa và chữ thường trong JS
Nối thêm chuỗi
Tìm ký tự hoặc mã ASCII của một ký tự

Chuyển đổi chuỗi sang mảng JS: tất cả các vị trí của chuỗi đều bắt đầu từ 0, vì vậy khi tính toán vị trí coi chừng bị nhầm lẫn nhé.

2. Cách lặp qua từng ký tự chuỗi string trong JS

3. Lời kết

.text(): lấy hoặc thay đổi hoặc gán nội dung text cho thành phần.
Đã được thêm vào từ phiên bản 1.0

var string = "Welcome to freetuts.net";
document.write("Chuỗi cần lấy là: " + string.slice(11, 23));<br>

Lấy nội dung HTML của thành phần

var string = "Welcome to freetuts.net";
document.write("Chuỗi cần lấy là: " + string.slice(-12, 23));

.text('Nội dung')

$('div').text('Nội dung được thêm vào');

Gán nội dung HTML cho thành phần

Đã được thêm vào từ phiên bản 1.4

$('div').text('Nội dung được thêm vào');

Html viết:

Hiển thị trình duyệt:

$('div').text('Nội dung được thêm vào');

Tìm kiếm và lặp chuỗi trong JS

Chuyển thành chữ hoa và chữ thường trong JS

$('div').text('Nội dung được thêm vào');

Chuyển thành chữ hoa và chữ thường trong JS

Nối thêm chuỗi

$('div').text('Nội dung được thêm vào');

Nối thêm chuỗi

Để nối thêm chuỗi thông thường ta dùng toán tử

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

0, ngoài ra bạn có thể dùng hàm

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

1 để thực hiện nối chuỗi.

$('div').text('Nội dung được thêm vào');

Tìm ký tự hoặc mã ASCII của một ký tự

Để xem ký tự của một vị trí nào đó thì dùng hàm

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

2, còn xem mã ASCII thì dùng hàm

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

3. Cả hai hàm này đều có tham số truyền vào là vị trí muốn xem.

$('div').text('Nội dung được thêm vào');

Chuyển đổi chuỗi sang mảng JS

Để chuyển một chuỗi sang mảng thì ta sử dụng hàm

var string = "Chào mừng bạn đến với freetuts.net";
document.write("Vị trí xuất hiện chuỗi freetuts.net là: " + string.indexOf("freetuts.net"));

4 với tham số truyền vào là ký tự ngăn cách giữa các phần tử.

$('div').text('Nội dung được thêm vào');

Vẫn còn nhiều hàm khác nữa, và nếu bạn quan tâm thì hãy tham khảo trong bài viết Javascript functions.

2. Cách lặp qua từng ký tự chuỗi string trong JS

Trong đối tương JS có một thuộc tính lưu trữ tổng số ký tự trong chuỗi, đó là length.length.

$('div').text('Nội dung được thêm vào');

Trong JS, chuỗi được xem là một cấu trúc mảng, vì vậy ta có thể sử dụng vòng lặp để lặp qua từng phần tử của chuỗi rất dễ dàng.

$('div').text('Nội dung được thêm vào');

Kết quả:

3. Lời kết

Như vậy là mình đã giới thiệu xong một số hàm xử lý chuỗi trong Javascript thông dụng nhất. Qua đây sẽ giúp bạn có thêm tài liệu để xử lý chuỗi trong quá trình làm việc với Javascript.

Thực tế vẫn còn một thư viện xử lý String trong JS rất hay nữa, đó là sử dụng Regular Expression. Tuy nhiên, RegEx thuộc phần kiến thức nâng cao nên mình sẽ giới thiệu ở một bài khác.