javaScript查詢與事件
<html lang="en">
<head>
<meta charset="UTF-8">
<title>查詢與事件</title>
<script type="text/javascript">
function nodeLayerTest() {
var pNode =document.getElementById("select1");
var sNode1=pNode.firstChild;
var sNode2=pNode.lastChild;
var sNode3=sNode1.nextSibling;
alert(pNode.childNodes.length);
alert("sNode1:"+sNode1.innerHTML+"sNode2:"+sNode2.innerHTML+"snode3:"+sNode3.innerHTML);
}
function tagNameTest() {//根據tagname查找元素
var nodes=document.getElementsByTagName("option");
alert(nodes.length);
}
function eventPopTest() {
alert("你點擊了按鈕");
event.stopPropagation();
}
function eventDiv() {
alert("你點擊了div");
}
</script>
</head>
<select id="select1">
<option value="value1">籃球</option>
<option value="value2">足球</option>
<option value="value3">游泳</option>
<option value="value4">跆拳道</option>
</select>
<body>
<input type="button" value="開始測試" οnclick="nodeLayerTest();">
<input type="button" value="tagName測試" οnclick="tagNameTest();">
<!-- 冒泡事件 -->
<div id="div1" οnclick="eventDiv()">
<input type="button" value="冒泡事件" οnclick="eventPopTest()">
</div>
<!-- 看事件 鼠標事件 鍵盤事件 狀態事件 -->
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章