Bất cứ ai có thể cho tôi biết innerHTML đang làm gì trong javascript và cho tôi ví dụ về cách tôi có thể sử dụng nó?những gì innerHTML đang làm trong javascript?
Trả lời
The innerHTML
property được sử dụng để nhận hoặc đặt HTML nội dung của một phần tử .
Ví dụ:http://jsfiddle.net/mQMVc/
// get the element with the "someElement" id, and give it new content
document.getElementById('someElement').innerHTML = "<p>new content</p>";
// retrieve the content from an element
var content = document.getElementById('someElement').innerHTML;
alert(content);
Nó đại diện cho nội dung văn bản của một thẻ HTML nào. Cũng có thể chứa các thẻ của riêng nó.
Bạn có thể thu thập hoặc đặt nội dung của thẻ đã chọn.
Là một ý tưởng giả, tương tự như của nó để có nhiều hộp trong một căn phòng và bao hàm ý tưởng 'tất cả mọi thứ trong vòng rằng hộp'
Thuộc tính innerHTML
là một phần của Document Object Model (DOM) cho phép Javascript mã để thao tác một trang web được hiển thị. Cụ thể, nó cho phép đọc và thay thế mọi thứ trong một phần tử DOM đã cho (thẻ HTML).
Tuy nhiên, thao tác DOM sử dụng innerHTML
chậm hơn và dễ bị lỗi hơn thao tác dựa trên các đối tượng DOM riêng lẻ.
Mỗi thành phần HTML
có 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à đóng của phần tử đó. Bằng cách thay đổi một phần tử innerHTML
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 innerHTML
đòi hỏi phải 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 một id. Với id đó tại chỗ, 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, 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 một thẻ đậm. JavaScript
Code:
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
Câu trả lời này là từ here
Mỗi phần tử HTML có một thuộc tính innerHTML định nghĩa cả mã HTML và văn bản mà xảy ra giữa mở của yếu tố đó và thẻ đóng. Bằng cách thay đổi innerHTML 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 ra nhiều trang tương tác hơn.
Tuy nhiên, việc sử dụng innerHTML đòi hỏi phải 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 một id. Với id đó tại chỗ, bạn sẽ có thể sử dụng hàm getElementById, hoạt động trên tất cả các trình duyệt.
Nội dungHTML tìm nạp nội dung tùy thuộc vào id/tên và thay thế chúng.
<!DOCTYPE html>
<html>
<head>
\t <title>Learn JavaScript</title>
</head>
<body>
<button type = "button"
onclick="document.getElementById('demo').innerHTML = Date()"> <!--fetches the content with id demo and changes the innerHTML content to Date()-->
Click for date
</button>
<h3 id = 'demo'>Before Button is clicked this content will be Displayed the inner content of h3 tag with id demo and once you click the button this will be replaced by the Date() ,which prints the current date and time </h3>
</body>
</html>
Khi bạn nhấp vào nút, nội dung trong h3 sẽ được thay thế bởi innerHTML assignent tức là Date().
innerHTML là thuộc tính của mọi phần tử. Nó cho bạn biết cái gì là giữa thẻ bắt đầu và kết thúc của phần tử, và nó cũng cho phép bạn đặt nội dung của phần tử.
tài sản mô tả một khía cạnh của một đối tượng. Nó là một cái gì đó một đối tượng có trái ngược với một cái gì đó một đối tượng không.
<p id="myParagraph">
This is my paragraph.
</p>
Bạn có thể chọn đoạn và sau đó thay đổi giá trị của nó là innerHTML với lệnh sau đây:
document.getElementById("myParagraph").innerHTML = "This is my paragraph";
- 1. javascript thay đổi innerHTML
- 2. làm những nhân vật này làm gì trong Javascript
- 3. Hiệu suất Javascript: Cách kiểm tra những gì đang làm chậm trang?
- 4. JavaScript, không biết tôi đang làm gì
- 5. cắt trong javascript? mã này đang làm gì?
- 6. javascript trong email spam; nó đang cố làm gì?
- 7. javascript innerHTML thêm thay vì thay thế
- 8. JavaScript, jQuery và 'this': những gì đang xảy ra ở đây?
- 9. Log4j đang treo ứng dụng của tôi những gì tôi đang làm sai?
- 10. javascript đang tạo ra những sai ngày tháng
- 11. Javascript - Thay thế html bằng cách sử dụng innerHTML
- 12. /[\ []/làm gì trong JavaScript?
- 13. Chuyển đổi innerHTML
- 14. BeautifulSoup innerhtml?
- 15. Javascript DOMParser truy cập innerHTML và các tài sản khác
- 16. MySQL - những gì hiện bỏ khóa trong my.cnf làm gì?
- 17. chèn biến javascript vào đầu ra html của .innerHTML =
- 18. Nhận innerhtml từ trang bên ngoài với Javascript
- 19. ~~ làm gì trong JavaScript/node.js?
- 20. JavaScript innerHTML không hoạt động đối với IE?
- 21. "innerHTML + = ..." vs "appendChild (txtNode)"
- 22. CDbl đang làm gì?
- 23. Đặt một biến Javascript vào một mã innerHTML
- 24. Làm thế nào để tìm hiểu những gì đang chặn 'method_missing'
- 25. Tôi không chắc chắn chính xác những gì x86 này Thêm hướng dẫn đang làm
- 26. Làm thế nào để tìm hiểu những gì đang búa máy chủ SQL của tôi?
- 27. Làm cách nào để tôi có thể tạo ra những gì SUD đang tạo/nhận?
- 28. Xử lý đa xử lý Python hoặc Pool cho những gì tôi đang làm?
- 29. Rất dễ dàng để giải quyết vấn đề với SimpleXML. Những gì tôi đang làm sai?
- 30. Xem sp_execute đang làm gì
Và nó không phải là một tài sản nêu tại bất kỳ tiêu chuẩn nhưng được hỗ trợ bởi tất cả các trình duyệt chính. –
@Felix: Mặc dù nó là một phần của [HTML5] (http://www.w3.org/TR/html5/apis-in-html-documents.html#innerhtml). – user113716
Oh ok, tôi không biết điều đó :) –