[JavaScript HTML DOM]取HTML元素,使用getElementById

說明:
取出HTML元素 document.getElementById("id 的名稱")

innerHTML 取出元素內的HTML
是指
<div>innerHTML 是指此html tag , 這裡面的所有內容資料</div>

程式:
<html>
<head>
<title>[JavaScript-基本類]取HTML元素,使用getElementById</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest(){
var myId = document.getElementById("javaScript51_myId");
alert("DIV內容為:"+myId.innerHTML);
}
</script>
</head>
<body>
<div id="javaScript51_myId">[JavaScript-基本類]取HTML元素,使用getElementById</div>
<input type="button" value="請點擊取得DIV內容" onClick="myFunTest()">
</body>
</html>

圖:




參考:
http://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp
測試:
http://www.w3school.com.cn/tiy/t.asp?f=hdom_document_getbyid



 






 
















其它文章

arrow
arrow

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()