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

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

假設程式碼為:

<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 的內容。        /    從這裡          到              那裡                      /