Javascript HTML DOM

標籤：lin   doc   space   font   sch   ima   html   elf   html dom   

1： 改變HTML元素的內容

使用innerHTML方法: document.getElementById(id).innerHTML=new HTML 如： document.getElementById("p1").innerHTML="New text!"; 2: 改變HTML元素屬性使用  document.getElementById(id).attribute=new value如： document.getElementById("image").src="landscape.jpg"; 3： 改變HTML樣式使用： document.getElementById(id).style.property=new style如： document.getElementById("p2").style.color="blue";  4： 對事件作出反應HTML事件的例子：- 當使用者點擊滑鼠時- 當網頁載入時- 當圖片已載入時- 當滑鼠移動到元素上時- 當輸入欄位被改變時- 當提交HTML表單時- 當使用者觸發按鍵時 如： 點擊元素時候執行JS代碼， nclick=Javascript    <h1onclick="this.innerHTML=‘謝謝!‘">請點擊該文本</h1>       點擊按鈕時候執行JS:[使用JS向HTML中的元素分配事件]    <script>    document.getElementById("myBtn").onclick=function(){displayDate()};    function displayDate()    {    document.getElementById("demo").innerHTML=Date();    }    </script> 參考： HTML DOM Event對象http://www.w3school.com.cn/jsref/dom_obj_event.asp 5： 建立新的HTML元素如需向 HTML DOM 添加新元素，您必須首先建立該元素（元素節點），然後向一個已存在的元素追加該元素。使用element.appendChild(para); 6:  刪除已有的HTML元素parent.removeChild(child);

 

Javascript HTML DOM