Hướng dẫn what does innertext mean in javascript? - trong javascript nghĩa là gì?

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 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
• Sự khác biệt giữa bên trong và bên trong

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

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:

• Để đặt/cập nhật văn bản của phần tử HTML:node refers to the HTML element and all its descendants.
• Trong các cú pháp trên:text represents the new text that would be updated or set in place of the existing text.

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 tronginnerText property in HTML.

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:

Để đặ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“).

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 </p>

Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.button onclick="update()"> Click here to update the innertext </button>

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 onclick 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 </p>

Nút đề cập đến phần tử HTML và tất cả hậu duệ của nó.button onclick="set()"> Click here to set the innertext </button>

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"> </h2>

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.