說明：
取出HTML元素 document.getElementById("id 的名稱")
取出div 元素
取出a tag 元素及屬性
取出img tag 元素及屬性
取出input tag 元素及屬性
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素，使用getElementById之二</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest(){
myFunTest1();
}
function myFunTest1(){
var myId = document.getElementById("javaScript55_myId");
var returnData = "DIV內容為："+myId.innerHTML;
var aId = document.getElementById("javaScript55_myId_a");
returnData =returnData + "<br>a tag href為："+aId.href;
returnData = returnData+"<br>a tag target為："+aId.target;
//取出img tag 元素及屬性
var myImg = document.getElementById("javaScript55_myId_img");
returnData = returnData+"<br>img tag src為："+myImg.src;
returnData = returnData+"<br>img tag width為："+myImg.width;
returnData = returnData+"<br>img tag height為："+myImg.height;
//取出取出input tag 元素及屬性
var myInput= document.getElementById("javaScript55_myId_input");
returnData = returnData+"<br>input tag value為："+myInput.value;
//放入一個空的div，顯示在頁面上。
var returnDiv = document.getElementById("returnDiv");
returnDiv.innerHTML=returnData;
}
</script>
</head>
<body>
<div id="javaScript55_myId">[JavaScript-HTML_DOM]取HTML元素，使用getElementById之二</div>
<a id="javaScript55_myId_a" href="javascript:myFunTest1();">菜單</a>
<img id="javaScript55_myId_img" src="smiley.gif" alt="Smiley face" width="42" height="42">
<input id ="javaScript55_myId_input" type="button" value="請點擊取得DIV內容" onClick="myFunTest()">
<div id="returnDiv"></div>
</body>
</html>
圖：
參考：
其它文章
沒有留言:
張貼留言