2011-02-02 40 views

Trả lời

12

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); 
+0

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. –

+0

@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

+0

Oh ok, tôi không biết điều đó :) –

0

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ó.

2

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'

4

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ẻ.

0

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

2

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.

1

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().

0

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"; 
Các vấn đề liên quan