關於javascript操作html

/** * 這裡我們簡單介紹一下使用javascript操作html元素 * 我們可以通過document.getElementById("998");擷取一個網頁上的元素 */window.onload=init;function init(){var btn=document.getElementById("998"); //擷取一個按鈕var img=document.getElementById("img1");//擷取一個圖片img.src="js/c.jpg";  //使用代碼設定圖片的src 類似<img id='img1' src='js/c.jpg'/>img.title="圖片翻轉"; //直接使用字串賦值img.className="hide";alert(img.onclick);//可以查看html產生的資訊img.onclick=onclick; //屬性和事件是不一樣的設定方法，需要賦值一個函數img.onmouseover=onmouseover;img.onmouseout=onmouseout;btn.innerHTML="顯示圖片";btn.onclick=btn_click;}function onclick(event) {    alert(1234);   }function onmouseover(event) {    this.src = "js/b.jpg";//千萬要記得加上this 否則src預設為windows對象的屬性 ,起不了任何作用}function onmouseout(event) {    this.src = "js/c.jpg";//對於屬性值需要明確指定，就像java中的this指標一樣。屬性依賴於對象而存在。同樣，這個方法也是依賴於對象而存在的}function btn_click(){//對於事件方法不能傳遞參數，貌似。所有我們可以使用this調用當前對象。對於其他元素需要擷取if("顯示圖片"==this.innerHTML){var img=document.getElementById("img1"); //如果需要使用其他的元素的話，我們可以擷取，img.className="show";this.innerHTML="隱藏圖片";}else if("隱藏圖片"==this.innerHTML){var img=document.getElementById("img1");img.className="hide";this.innerHTML="顯示圖片";}}