document.getElementsByTagName函式

weixin_30639719發表於2020-04-05
函式

<html>
　　<head>
　　　　<script type="text/javascript">
　　　　<!--
　　　　　　//1、當整個HTML文件完全載入成功後觸發window.onload事件。
　　　　　　//2、事件觸發時，執行後面function裡邊的函式體。
　　　　　　window.onload = function(){
　　　　　　　　//獲取所有button節點，並取得第一個元素。
　　　　　　　　var btn = document.getElementsByTagName("button")[0];
　　　　　　　　//獲取所有button節點，儲存到陣列num中。
　　　　　　　　var num = document.getElementsByTagName("button");
　　　　　　　　//為button的onclick事件賦值：當點選button時，執行函式體。
　　　　　　　　btn.onclick = function(){
　　　　　　　　　　//獲取陣列長度賦值給nums;
　　　　　　　　　　var nums = num.length;
　　　　　　　　　　//提示陣列長度。
　　　　　　　　　　alert(nums);
　　　　　　　　　　//提示HelloWorld內容；
　　　　　　　　　　alert("HelloWorld");
　　　　　　　　}
　　　　　　}
　　　　-->
　　　　</script>
　　</head>
　　<body>
　　　　<button>ClickMe</button>
　　　　<button>ClickMe</button>
　　　　<button>ClickMe</button>
　　　　<button>ClickMe</button>
　　　　<button>ClickMe</button>
　　　　<button>ClickMe</button>
　　</body>
</html>

轉載於:https://www.cnblogs.com/QQ9888267/p/6107207.html

相關文章