Thí dụ
Nhận văn bản bên trong của một phần tử:
Đặt văn bản = phần tử.innertext;
Hãy tự mình thử »
Thêm ví dụ dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính innerText
đặt hoặc trả về nội dung văn bản của một phần tử.
Sự khác biệt giữa InternHTML, InnerText và TextContent
innerHTML, innerText and textContent
Xem bên dưới
Cú pháp
Trả về nội dung văn bản của một phần tử hoặc nút:
hoặc
Đặt nội dung văn bản của một phần tử hoặc nút:
hoặc
Đặt nội dung văn bản của một phần tử hoặc nút:
Giá trị tài sản | Tài sản |
Sự mô tả | chữ |
Nội dung văn bản của phần tử.
Giá trị trả về | Tài sản |
Sự mô tả | chữ |
Sự khác biệt giữa InternHTML, InnerText và TextContent
innerHTML, innerText and textContent
Xem bên dưới The text content of the element, including all spacing and inner HTML tags. |
Cú pháp Just the text content of the element and all its children, without CSS hidden text spacing and tags, except and elements. |
Trả về nội dung văn bản của một phần tử hoặc nút: The text content of the element and all descendaces, with spacing and CSS hidden text, but without tags. |
hoặc
Đặt nội dung văn bản của một phần tử hoặc nút:
Giá trị tài sản
Tài sản
Sự mô tả
chữ
Hãy tự mình thử »
Nội dung văn bản của phần tử.
Giá trị trả về This element has extra spacing and contains a span element. |
Loại hình This element has extra spacing and contains a span element. |
Sợi dây This element has extra spacing and contains a span element. |
Nội dung văn bản của phần tử và tất cả hậu duệ, ngoại trừ và các yếu tố.
Thuộc tính bên trong trả về: Nội dung văn bản của phần tử, bao gồm tất cả các thẻ HTML khoảng cách và bên trong.
Thuộc tính bên trong trả về: Chỉ nội dung văn bản của phần tử và tất cả trẻ em của nó, không có khoảng cách và thẻ văn bản ẩn CSS, ngoại trừ và các phần tử. | Thuộc tính TextContent Trả về: Nội dung văn bản của phần tử và tất cả các hậu duệ, với khoảng cách và văn bản ẩn CSS, nhưng không có thẻ. | Ví dụ HTML | & nbsp; & nbsp; Yếu tố này có khoảng cách bổ sung & nbsp; & nbsp; & nbsp; & nbsp; và chứa một phần tử nhịp. | Ví dụ JavaScript | Đặt văn bản = document.getEuityById ["myp"]. Internaltext; |
Let text = document.getEuityById ["myp"]. InternalHtml; | let text = document.getEuityById ["demo"]. textContent; | Let text = document.getEuityById ["myp"]. InternalHtml; | Let text = document.getEuityById ["myp"]. InternalHtml; | Let text = document.getEuityById ["myp"]. InternalHtml; | Let text = document.getEuityById ["myp"]. InternalHtml; |
Nó được quan sát từ đầu ra rằng văn bản của đoạn văn đã được cập nhật lên văn bản mới.innerText has a similar working phenomenon to innerHTML. Both properties manipulate the content of an HTML element but with different aspects. The innerText focuses on the textual content and the innerHTML considers the HTML content of an element. Bài viết này cung cấp một cái nhìn sâu sắc về thuộc tính bên trong để đạt được các mục tiêu sau. Cách sử dụng thuộc tính bên trong trong JavaScript Sự khác biệt giữa bên trong và bên trong Hoạt động của bên trong phụ thuộc vào các cú pháp sau. Để nhận văn bản của một phần tử HTML: Sự khác biệt giữa bên trong và bên tronginnerText property in HTML. Để nhận văn bản của một phần tử HTML: Để đặt/cập nhật văn bản của phần tử HTML: Trong các cú pháp trên:p1“] is created that contains a small tag and a strong tag. Moreover, a get[] function
is called on the click of the button. Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó. Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.[]{ Các ví dụ sau đây cho thấy việc sử dụng thuộc tính bên trong trong HTML.[document.getElementById["p1"].innerText]; Ví dụ 1: Nhận văn bản của phần tử HTML Chúng tôi đã minh họa ví dụ này để hiển thị cách văn bản của một phần tử có thể thu được bằng cách sử dụng InnerText. tài sản.get[] is created that contains an alert statement to display the text of an
element[id=”p1“].Cách thuộc tính bên trong hoạt động trong JavaScript
Cách sử dụng thuộc tính bên trong trong JavaScript
Hoạt động của bên trong phụ thuộc vào các cú pháp sau.
HTML
Trong mã trên, một đoạn văn [id = Hồi p1,] được tạo có chứa một thẻ nhỏ và một thẻ mạnh. Hơn nữa, hàm get [] được gọi bằng cách nhấp vào nút.p1“] and all its descendants[span and strong] is displayed.
JavaScript
function get [] {
Để đặt/cập nhật văn bản của phần tử HTML:
Trong các cú pháp trên:p id="p1"> This is an example of innerText property
Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.button title="update[]"> Click here to update the innertext
Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.p1” and button that executes the update[] function on its title property.
Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.
Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.[]{
Các ví dụ sau đây cho thấy việc sử dụng thuộc tính bên trong trong HTML.getElementById["p1"].innerText= "The text has been updated!";
Ví dụ 1: Nhận văn bản của phần tử HTML
Chúng tôi đã minh họa ví dụ này để hiển thị cách văn bản của một phần tử có thể thu được bằng cách sử dụng InnerText. tài sản.p1“.
HTML
Trong mã trên, một đoạn văn [id = Hồi p1,] được tạo có chứa một thẻ nhỏ và một thẻ mạnh. Hơn nữa, hàm get [] được gọi bằng cách nhấp vào nút.
JavaScript
function get [] {
Để đặt/cập nhật văn bản của phần tử HTML:
Trong các cú pháp trên:p id="old"> Welcome to Linuxhint
Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.button title="set[]"> Click here to set the innertext
Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.h2 id="new">
Các ví dụ sau đây cho thấy việc sử dụng thuộc tính bên trong trong HTML.old“, a button to trigger the set[] function, and a heading with id=”new“.
Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.
Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.[]{
Các ví dụ sau đây cho thấy việc sử dụng thuộc tính bên trong trong HTML.getElementById["new"].innerText=document.getElementById["old"].innerText;
Ví dụ 1: Nhận văn bản của phần tử HTML
Chúng tôi đã minh họa ví dụ này để hiển thị cách văn bản của một phần tử có thể thu được bằng cách sử dụng InnerText. tài sản.old“] and assigns this text to the heading-element [id=”new“].
HTML
Trong mã trên, một đoạn văn [id = Hồi p1,] được tạo có chứa một thẻ nhỏ và một thẻ mạnh. Hơn nữa, hàm get [] được gọi bằng cách nhấp vào nút.old”] is set to a heading [id= “new”].
Sự khác biệt giữa bên trong và bên trong
JavaScriptinnerText and innerHTML may put confusion in your head. The innerText only considers the textual content whereas the innerHTML functions on the HTML content of an element which may include the tags as well. This section provides the difference between innerText and innerHTML by using the following code.
function get [] {
cảnh báo [document.getEuityById ["p1"]. Internaltext];text[] function whereas the second function executes the html[] function.
Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.
Văn bản đại diện cho văn bản mới sẽ được cập nhật hoặc đặt thay cho văn bản hiện có.[]{
alert[document.getElementById["text"].innerText];
}
functionhtml[]{
alert[document.getElementById["text"].innerHTML];
}
Các ví dụ sau đây cho thấy việc sử dụng thuộc tính bên trong trong HTML.innerText and innerHTML properties on a paragraph id=”text“.
Ví dụ 1: Nhận văn bản của phần tử HTML
Chúng tôi đã minh họa ví dụ này để hiển thị cách văn bản của một phần tử có thể thu được bằng cách sử dụng InnerText. tài sản.innerHTML shows the inner elements whereas the innerText has only retrieved the textual content.
HTML
Trong mã trên, một đoạn văn [id = Hồi p1,] được tạo có chứa một thẻ nhỏ và một thẻ mạnh. Hơn nữa, hàm get [] được gọi bằng cách nhấp vào nút.