close

[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
    文章標籤
    javascript html DOM getelementbyid w3school document
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄