Trình duyệt giá trị trả về mã. DomElement["//div[@id='mylinks']"]. GetProperty["textContents"]
This is my link collection:trình duyệt. DomElement["//div[@id='mylinks']"]. GetProperty["innerText"]_______1_______trình duyệt. DomElement["//div[@id='mylinks']"]. GetProperty["innerHtml"]
This is my link collection:
- Bye bye Borland
- Welcome to Micro Focus
ví dụ 1. Ví dụ này cho thấy cách thay đổi nội dung của thẻ đoạn văn bằng cách sử dụng thuộc tính InternalHTML.
HTML
Object.innerHTML = value2_______25_______
Object.innerHTML = value4
style
=
Object.innerHTML = value7
>
Object.innerHTML = value9
0Object.innerHTML = value2_______24_______2
Object.innerHTML = value4
>
Object.innerHTML = value2_______25_______
7>
Object.innerHTML = value9
Object.innerHTML = value2_______25_______
Object.innerHTML = value2_______25_______
>
5>
Object.innerHTML = value2_______27_______8
Object.innerHTML = value9
2_______26_______
>
đầu ra
thuộc tính bên trongHTML
ví dụ 2. Ví dụ này cho thấy cách lấy giá trị của thẻ đoạn bằng thuộc tính InternalHTML
Để giải quyết "TypeError. Lỗi không thể đặt thuộc tính null [đặt 'innerHTML']", hãy đảm bảo phần tử DOM mà bạn đang đặt thuộc tính innerHTML
tồn tại
Lỗi thường xảy ra nhất nếu bạn sử dụng phương thức getElementById[]
và truyền cho nó một id
không có trong DOM
Một phần tử với giá trị id
được cung cấp không tồn tại trong DOM, vì vậy phương thức getElementById[]
trả về giá trị null
Khi chúng tôi cố gắng đặt thuộc tính innerHTML trên giá trị null
, lỗi sẽ xảy ra
Một lý do phổ biến khác dẫn đến lỗi là đặt thẻ tập lệnh JS trước khi khai báo các phần tử DOM
Đặt thẻ tập lệnh JS ở cuối thẻ body
Để giải quyết "TypeError. Lỗi không thể đặt thuộc tính null [đặt 'innerHTML']", đảm bảo rằng thẻ tập lệnh JS được đặt ở dưới cùng của thẻ body
sau khi các thành phần HTML đã được khai báo
Thẻ tập lệnh JS được thêm vào phía trên mã khai báo phần tử span
Tệp innerHTML
0 được chạy trước khi phần tử span
được tạo, vì vậy chúng tôi không thể truy cập phần tử từ tệp innerHTML
0
Thay vào đó, thẻ tập lệnh JS phải được di chuyển bên dưới các phần tử DOM mà nó cố truy cập
Bây giờ chúng ta có thể truy cập phần tử span
từ tệp innerHTML
0
Giờ đây, phần tử HTML đã được tạo trước khi tập lệnh innerHTML
0 được chạy, chúng ta có thể truy cập phần tử DOM và đặt thuộc tính innerHTML
của nó
Bạn đã bao giờ tự hỏi làm thế nào bạn có thể thay đổi nội dung của một phần tử HTML chưa? . Bằng cách thao tác với innerHtml của một phần tử, bạn sẽ có thể thay đổi văn bản và HTML của mình bao nhiêu tùy thích
Mỗi phần tử HTML có một thuộc tính innerHTML xác định cả mã HTML và văn bản xuất hiện giữa thẻ mở và thẻ đóng của phần tử đó. Bằng cách thay đổi InternalHTML của một phần tử sau một số tương tác của người dùng, bạn có thể tạo nhiều trang tương tác hơn
Tuy nhiên, việc sử dụng InternalHTML yêu cầu một số chuẩn bị nếu bạn muốn có thể sử dụng nó một cách dễ dàng và đáng tin cậy. Trước tiên, bạn phải cung cấp cho phần tử bạn muốn thay đổi id. Với id đó, bạn sẽ có thể sử dụng chức năng getElementById, hoạt động trên tất cả các trình duyệt
Sau khi bạn đã thiết lập xong, bây giờ bạn có thể thao tác với văn bản của một phần tử. Để bắt đầu, hãy thử thay đổi văn bản bên trong thẻ in đậm
Mã JavaScript
Welcome to the site dude
Trưng bày
Bây giờ bạn đã biết cách thay đổi văn bản trong bất kỳ phần tử HTML nào, nhưng còn việc thay đổi văn bản trong một phần tử dựa trên đầu vào của người dùng thì sao?
Bằng cách thêm Kiểu nhập văn bản, chúng tôi có thể cập nhật văn bản in đậm của mình với bất kỳ nội dung nào người dùng nhập vào kiểu nhập văn bản. Ghi chú. Chúng tôi đã cập nhật chức năng này một chút và đặt id thành boldStuff2
Mã JavaScript
Welcome to the site dude
Trưng bày
Bạn cũng có thể chèn HTML vào các phần tử của mình theo cách chính xác như vậy. Giả sử chúng tôi không thích văn bản được hiển thị trong đoạn văn của chúng tôi và muốn cập nhật nó bằng một số màu. Đoạn mã sau sẽ lấy văn bản màu đen cũ và làm cho nó có màu trắng sáng. Điều duy nhất chúng tôi đang làm khác ở đây là chèn khoảng phần tử html để thay đổi màu sắc
Mã JavaScript
Welcome to the site dude
Trưng bày
Đây là một ví dụ khá đơn giản để thay đổi HTML của một phần tử. Tất cả những gì chúng tôi đã làm là lấy văn bản cũ trong thẻ đoạn và bao quanh nó trong thẻ span để thay đổi màu sắc. Tuy nhiên, bạn có thể làm nhiều việc khác bằng cách thay đổi HTML của phần tử, vì vậy đừng quên công cụ hữu ích này