1. 程式人生 > >小白新手必看:document.getElementById("demo").innerHTML 全面分析

小白新手必看:document.getElementById("demo").innerHTML 全面分析

頁面 tel 意思 lena 註意 php style spa 定義

假設代碼為:

<h1>我的第一個 Web 頁面</h1>

<p id="demo">一個段落。</p>
<script>
function myFunction(){
document.getElementById("demo").innerHTML="我的第一個 JavaScript 函數";
}
</script>

這段代碼的意思是用 "我的第一個 JavaScript 函數";替換一個段落。 具體代碼可以看 http://www.runoob.com/try/try.php?filename=tryjs_dom

下面來全面分析,新手仔細思考下,再繼續

第一個 :<h1>我的第一個 Web 頁面</h1> 一個主題

第二個 :<p id="demo">一個段落。</p> 一個段落

重點:function myFunction() 定義一個功能函數myFunction

超重點:

document.getElementById("demo").innerHTML 這裏很多新人理解不懂,我們可以這樣來學習


腦子裏請這樣思考

document.getElementById("demo") to .innerHTML / 註意我是假定有一個 to ,這樣新人理解很清楚 /

這裏代碼意思就是 id為"demo"的內容 到 .innerHTML 的內容。 / 從這裏 到 那裏 /

小白新手必看:document.getElementById("demo").innerHTML 全面分析