Hướng dẫn inner html and inner text - html bên trong và văn bản bên trong

Xem xét mã HTML sau đây.

<div id="mylinks"> This is my <b>link collection</b>: <ul> <li><a href="www.borland.com">Bye bye <b>Borland</b> </a></li> <li><a href="www.microfocus.com">Welcome to <b>Micro Focus</b></a></li> </ul> </div>

Bảng sau đây chi tiết các thuộc tính khác nhau trả về.

Mã số Giá trị trả lại
Browser.DOMEMENT ("// Div [@id = 'mylinks']"). getProperty ("TextContents")This is my link collection:
Browser.DOMEMENT ("// Div [@id = 'mylinks']").This is my link collection:Bye bye Borland Welcome to Micro Focus
Browser.DOMEMENT ("// Div [@id = 'mylinks']").This is my <b>link collection</b>: <ul> <li><a href="www.borland.com">Bye bye <b>Borland</b></a></li> <li><a href="www.microfocus.com">Welcome to <b>Micro Focus</b></a></li> </ul>

Lưu ý: Trong thử nghiệm lụa 13,5 trở lên, khoảng trắng trong các văn bản, được lấy thông qua thuộc tính TextContents của một phần tử, được cắt tỉa liên tục trên tất cả các trình duyệt được hỗ trợ. Đối với một số phiên bản trình duyệt, xử lý khoảng trắng này khác với các phiên bản thử nghiệm lụa trước khi thử nghiệm lụa 13,5. Bạn có thể kích hoạt lại hành vi cũ bằng cách đặt tùy chọn OPT_CompiTion thành phiên bản thấp hơn 13.5.0. Ví dụ: để đặt tùy chọn thành Test Silk Test 13.0, hãy nhập phần sau vào tập lệnh của bạn: In Silk Test 13.5 or later, whitespace in texts, which are retrieved through the textContents property of an element, is trimmed consistently across all supported browsers. For some browser versions, this whitespace handling differs to Silk Test versions prior to Silk Test 13.5. You can re-enable the old behavior by setting the OPT_COMPATIBILITY option to a version lower than 13.5.0. For example, to set the option to Silk Test 13.0, type the following into your script:

'VB .NET code Agent.SetOption("OPT_COMPATIBILITY", "13.0.0")

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 This is my link collection:4 đặ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ảnTà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ử »

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng
This element has extra spacing and contains a span element.
Thuộc tính This is my link collection:4 đặt hoặc trả về nội dung văn bản của một phần tử.
   This element has extra spacing    and contains a span element.
Sự khác biệt giữa InternHTML, InnerText và TextContent
   This element has extra spacing    and contains a span element.

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:Giá trị tài sảnTài sảnSự mô tả
chữNội dung văn bản của phần tử.chữchữchữchữ

Các ví dụ dưới đây đề cập đến đoạn trích HTML sau:

<div id="test"> Warning: This element contains <code>code</code> and <strong>strong language</strong>. </div>

Nút sẽ được tham chiếu bởi JavaScript sau:

var x = document.getElementById('test');

This is my link collection:6

Đặt hoặc nhận cú pháp HTML mô tả con cháu của phần tử

x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => "

Đây là một phần của đặc tả phân tích và tuần tự hóa DOM của W3C. Lưu ý rằng đó là một thuộc tính của các đối tượng This is my link collection:7.

This is my link collection:8

Đặt hoặc nhận văn bản giữa các thẻ bắt đầu và kết thúc của đối tượng

x.innerText // => "Warning: This element contains code and strong language."
  • This is my link collection:4 được Microsoft giới thiệu và trong một thời gian không được Firefox hỗ trợ. Vào tháng 8 năm 2016, This is my link collection:4 đã được Whatwg áp dụng và đã được thêm vào Firefox trong V45.
  • This is my link collection:4 cung cấp cho bạn một nhận thức về phong cách, đại diện cho văn bản cố gắng phù hợp với những gì được trình duyệt hiển thị, điều này có nghĩa là:
    • This is my link collection:4 áp dụng This is my link collection:Bye bye Borland Welcome to Micro Focus3 và This is my link collection:Bye bye Borland Welcome to Micro Focus4 Quy tắc
    • This is my link collection:4 Trims trắng không gian giữa các dòng và thêm các đường đứt đường giữa các mục
    • This is my link collection:4 sẽ không trả lại văn bản cho các mục vô hình
  • This is my link collection:4 sẽ trở lại This is my link collection:Bye bye Borland Welcome to Micro Focus8 cho các yếu tố không bao giờ được hiển thị như This is my link collection:Bye bye Borland Welcome to Micro Focus9 và `
  • Tài sản của các yếu tố This is my <b>link collection</b>: <ul> <li><a href="www.borland.com">Bye bye <b>Borland</b></a></li> <li><a href="www.microfocus.com">Welcome to <b>Micro Focus</b></a></li> </ul> 0

This is my <b>link collection</b>: <ul> <li><a href="www.borland.com">Bye bye <b>Borland</b></a></li> <li><a href="www.microfocus.com">Welcome to <b>Micro Focus</b></a></li> </ul> 1

Nhận hoặc đặt nội dung văn bản của một nút và hậu duệ của nó.

x.textContent // => " // => Warning: This element contains code and strong language. // => "

Mặc dù đây là một tiêu chuẩn W3C, nhưng nó không được IE

Chủ đề