innerHTML在javascript中做了什麼？

12

The innerHTML property用於獲取或設置元件節點的HTML內容。

 // 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);

來源

2011-02-02 19:47:12 user113716

+0

它是不是在任何標準的支持，但提到一個屬性由所有主要瀏覽器。 – 2011-02-02 20:21:57

0

它表示一個給定的HTML標記的文本內容。也可以包含自己的標籤。

來源

2011-02-02 19:48:08

2

您可以收集或設置選定標籤的內容。

爲僞的想法，它類似於一個房間內有許多箱子，並暗示的想法「一切內是盒子」

來源

2011-02-02 19:54:39 Glycerine

4

的innerHTML屬性是文檔對象模型（DOM）的一部分，它允許使用Javascript代碼來操縱正在顯示的網站。具體來說，它允許讀取和替換給定DOM元素（HTML標記）中的所有內容。

但是，使用innerHTML的DOM操作比基於單個DOM對象的操作更慢且更容易出錯。

來源

2011-02-02 19:55:13

0

每個HTML元素都有一個innerHTML屬性，該屬性定義了HTML代碼以及該元素的開始和結束標記之間出現的文本。通過在用戶交互之後更改元素的innerHTML，可以創建更多交互式頁面。

但是，使用innerHTML需要一些準備，如果你想能夠輕鬆可靠地使用它。首先，你必須給你想要改變一個id的元素。使用該ID後，您將能夠使用適用於所有瀏覽器的getElementById功能。

設置完成後，您現在可以操作元素的文本。首先，讓我們嘗試更改粗體代碼中的文本。 JavaScript代碼：

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

這個答案是從here

來源

2014-03-13 08:28:41 user3414373

2

每個HTML元素具有同時定義了HTML代碼和該元素的開始和結束標記之間發生的文本的innerHTML屬性。通過在用戶交互後更改元素的innerHTML，可以創建更多交互式頁面。

但是，如果您希望能夠輕鬆可靠地使用innerHTML，則需要進行一些準備工作。首先，你必須給你想要改變一個id的元素。有了這個ID，你將能夠使用getElementById函數，該函數適用於所有瀏覽器。

來源

2015-07-18 10:19:05 asx

1

innerHTML根據id /名稱提取內容並替換它們。

<!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>

當您單擊按鈕，在H3的內容將通過innerHTML的assignent即日期更換（）。

來源

2016-08-22 10:57:57

0

innerHTML是每個元素的屬性。它告訴你元素的開始和結束標籤之間的內容，並且它還允許你設置元素的內容。

屬性描述一個對象的一個方面。這是物體所具有的東西，而不是物體所具有的東西。

<p id="myParagraph"> 
This is my paragraph. 
</p>

您可以選擇的段落，然後更改值它的innerHTML使用下面的命令：

document.getElementById("myParagraph").innerHTML = "This is my paragraph";

來源

2017-08-07 15:55:07 shar10ckq

innerHTML在javascript中做了什麼？

回答

相關問題