[JavaScript HTML DOM]取HTML元素，使用getElementsByClassName()

說明：
取HTML 元素input，使用getElementsByClassName()
回傳陣列物件。
此範例設計說明：
第一步、取出元素input的Class為myClass，且為第一個。
第二步、顯示value
程式：
<html>
<head>
<title>[JavaScript-HTML_DOM]取HTML元素，使用getElementsByClassName()</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function myFunTest1(){
var myClass = document.getElementsByClassName("myClass")[0];
alert(myClass.value);
}
</script>
</head>
<body>
<div>
Car<input class="myClass" type="radio" value="Car">
<input type="button" onclick="myFunTest1()" value="送出">
</div>
</body>
</html>
圖：





 






 
















其它文章


arrow
arrow
    文章標籤
    javascript html dom getelementsbyclassname 元素 用法
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

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

    E-mail轉寄