javascript 判断选中div

JavaScript026

javascript 判断选中div,第1张

用javascript里的事件处理就可以了。直接用Event.srcElement()就可以知道选择的是什么元素。下面是代码，仅供参考：

<style>    

ul { overflow:hidden }    

li { float:left width:100px height:100px margin:10px background:#ccc list-style:none }    

</style>    

<script>    

window.onload=function (){    

var oUl=document.getElementById('ul1')    

    

oUl.onclick=function (ev){    

var oEvent=ev || event    

    

var oSrc=oEvent.srcElement || oEvent.target    

if (oSrc.tagName == 'LI') //判断选中的是否是LI元素。    

{    

oSrc.style.background='red'    

}    

    

}    

}    

</script>    

</head>    

<body>    

<ul id="ul1">    

<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>    

</ul>    

</body>

使用循环来选择所有div的原因是因为它可以节省我们大量的时间，只需要一次编写代码，就可以同时遍历出所有div。此外，如果需要对于每个元素进行不同的操作，也可以在循环中将每个元素分别赋予不同的属性和样式。

var all_elem = document.getElementsByTagName(elem_tags)

你可以给你要获得的div元素定义一个ID

通过通过ID来获取元素