本日閱讀進度：第六章 與你的網頁互動（247～264頁）
重點摘要：
<head>元素裡，<body>部分尚未被載入，所以頁面沒有任何改變。<body>的底部，<script>
function init() {
var otaku = document.getElementById("sunday");
otaku.innerHTML = "我要在家看漫畫";
}
window.onload = init;
</script>
建立一個名為init的函式，並把程式碼放進去。
接著，取得window物件，並將函式指定給window物件的onload屬性。
重新載入後，頁面就會顯示出效果了。
setAttribute的方法來為HTML元素的屬性設值。otaku這個元素除了原來的id屬性之外，又多了一個class屬性。otaku.setAttribute("class", "athome");
setAttribute方法可以設值外，也有getAttribute方法可以取得屬性的值。id為"tetsudo"這個元素的"fanlevel"屬性的值，可以這麼做：var mania = document.getElementById("tetsudo");
var fanlevelText = mania.getAttribute("fanlevel");
console.log(fanlevelText);
使用getElementById找到id為"tetsudo"的元素並傳回它。
把所找到的元素賦值給名為mania的變數。
再使用getAttribute方法取得"fanlevel"屬性的值。
getElementById但DOM中並不存在所指定的id的話，會得到null。getAttribute也是同樣的結果。DOM的部分就先介紹到這，明天要介紹麻煩的等於(=)了。
PS.標題是致敬《東京鐵塔：老媽和我，有時還有老爸》
本文同步發表於cichen
iThome鐵人賽
看影片追技術