JavaScript nhận văn bản được hiển thị

Question

Sự miêu tả. Nhận nội dung văn bản kết hợp của từng phần tử trong tập hợp các phần tử phù hợp, bao gồm cả phần tử con của chúng

Nội dung chính Show

.text( text )Trả về. jQuery
Làm cách nào để lấy văn bản trong JavaScript?
Làm cách nào để lấy tất cả văn bản từ một trang web JavaScript?
Làm cách nào để lấy văn bản thuần túy từ HTML trong JavaScript?
Làm cách nào để lấy văn bản từ div trong JavaScript?

đã thêm phiên bản. 1. 0 . văn bản()
- Phương pháp này không chấp nhận bất kỳ đối số

Không giống như phương pháp


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

4,


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 có thể được sử dụng trong cả tài liệu XML và HTML. Kết quả của phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 là một chuỗi chứa văn bản kết hợp của tất cả các phần tử phù hợp. (Do các biến thể trong trình phân tích cú pháp HTML trong các trình duyệt khác nhau, văn bản được trả về có thể khác nhau về dòng mới và khoảng trắng khác. ) Hãy xem xét HTML sau

1

2

3

4

5

6

7


<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>
  <ul>
    <li>list item 1li>
    <li>list <strong>itemstrong> 2li>
  ul>
div>

Mã


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

1 sẽ tạo ra kết quả sau


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>



html>

2

Không thể sử dụng phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 trên đầu vào biểu mẫu hoặc tập lệnh. Để đặt hoặc nhận giá trị văn bản của các phần tử


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

4 hoặc


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5, hãy sử dụng phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

6. Để lấy giá trị của phần tử tập lệnh, hãy sử dụng phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

4

Kể từ jQuery 1. 4, phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }



  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 trả về giá trị của các nút văn bản và CDATA cũng như các nút phần tử

Ví dụ

Tìm văn bản trong đoạn đầu tiên (loại bỏ html), sau đó đặt html của đoạn cuối để hiển thị nó chỉ là văn bản (phần in đậm màu đỏ đã biến mất)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

Thử nghiệm

.text( text )Trả về. jQuery

Sự miêu tả. Đặt nội dung của từng phần tử trong tập hợp các phần tử phù hợp thành văn bản đã chỉ định

đã thêm phiên bản. 1. 0 . văn bản(văn bản)
- chữ
  Loại. Chuỗi hoặc Số hoặc Boolean
  Văn bản được đặt làm nội dung của từng phần tử phù hợp. Khi Số hoặc Boolean được cung cấp, nó sẽ được chuyển thành biểu diễn Chuỗi
đã thêm phiên bản. 1. 4 . văn bản(chức năng)
- chức năng
  Loại. Hàm (Chỉ số nguyên, Chuỗi văn bản) => Chuỗi
  Một hàm trả về nội dung văn bản để đặt. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị văn bản cũ làm đối số

Không giống như phương pháp


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

4,


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 có thể được sử dụng trong cả tài liệu XML và HTML

Chúng ta cần lưu ý rằng phương thức này thoát khỏi chuỗi được cung cấp khi cần thiết để nó hiển thị chính xác trong HTML. Để làm như vậy, nó gọi phương thức DOM


<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>
  <ul>
    <li>list item 1li>
    <li>list <strong>itemstrong> 2li>
  ul>
div>

1, không diễn giải chuỗi dưới dạng HTML. Hãy xem xét HTML sau

1

2

3

4

5

6

7


<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>
  <ul>
    <li>list item 1li>
    <li>list <strong>itemstrong> 2li>
  ul>
div>

Mã


<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>
  <ul>
    <li>list item 1li>
    <li>list <strong>itemstrong> 2li>
  ul>
div>

2 sẽ tạo đầu ra DOM sau

1

2

3


html>
<html lang="en">



<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

0

Nó sẽ xuất hiện trên một trang được hiển thị như thể các thẻ đã được hiển thị, như thế này

1


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

1

Không thể sử dụng phương pháp


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 trên các phần tử đầu vào. Đối với văn bản trường đầu vào, hãy sử dụng. phương thức val()

Kể từ jQuery 1. 4, phương thức


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

5 cho phép chúng ta thiết lập nội dung văn bản bằng cách truyền vào một hàm

1

2

3


html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demotitle>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  style>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
head>
<body>
 
<p><b>Testb> Paragraph.p>
<p>p>
 
<script>
var str = $( "p" ).first().text();
$( "p" ).last().html( str );
script>
 
body>
html>

2

Đưa ra một danh sách không có thứ tự với ba phần tử


<div class="demo-container">
  <div class="demo-box">Demonstration Boxdiv>
  <ul>
    <li>list item 1li>
    <li>list <strong>itemstrong> 2li>
  ul>
div>

5, ví dụ này sẽ tạo ra đầu ra DOM sau

Làm cách nào để lấy văn bản trong JavaScript?

Bạn có thể sử dụng cái này. var element = document. getElementById('txt'); . văn bản bên trong. thành phần.

Làm cách nào để lấy tất cả văn bản từ một trang web JavaScript?

Sử dụng thuộc tính textContent để lấy văn bản của phần tử html , e. g. văn bản const = hộp. văn bảnnội dung. Thuộc tính textContent trả về nội dung văn bản của phần tử và hậu duệ của nó.

Làm cách nào để lấy văn bản thuần túy từ HTML trong JavaScript?

Hãy đi sâu vào và xem nó hoạt động như thế nào. .

1) Using . replace(/<[^>]*>/g, '') .. .

2) Tạo phần tử DOM tạm thời và truy xuất văn bản. Đây là cách hiệu quả nhất để thực hiện nhiệm vụ. .

3) gói npm chuyển html thành văn bản. Đây là gói tôi phát hiện ra gần đây

Làm cách nào để lấy văn bản từ div trong JavaScript?

Sử dụng thuộc tính textContent để lấy văn bản của phần tử div , e. g. kết quả const = phần tử. văn bảnnội dung. Thuộc tính textContent sẽ trả về nội dung văn bản của div và hậu duệ của nó. Nếu phần tử trống, một chuỗi rỗng được trả về.

programming javascript

JavaScript nhận văn bản được hiển thị

đã thêm phiên bản. 1. 0 . văn bản()

Ví dụ

Thử nghiệm

.text( text )Trả về. jQuery

đã thêm phiên bản. 1. 0 . văn bản(văn bản)

đã thêm phiên bản. 1. 4 . văn bản(chức năng)

Làm cách nào để lấy văn bản trong JavaScript?

Làm cách nào để lấy tất cả văn bản từ một trang web JavaScript?

Làm cách nào để lấy văn bản thuần túy từ HTML trong JavaScript?

Làm cách nào để lấy văn bản từ div trong JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội