取得DIV的ID还是CLASS

无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象.
要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用
var div=document.getElementById(‘youdivid‘)
另一种就是通过标签名来取得
var div=document.getElementsByTagName(‘div‘)[num]
第2种方法和第一种方法的区别是不用设ID也能取得对象,第一种方法取得的是一个对象,第2种方法取得的是一个由所有DIV标签所组成的数组.所以后面要根上DIV的序列.比如你想取得网页的第一个DIV就
var div=document.getElementsByTagName(‘div‘)[0]
第2个
var div=document.getElementsByTagName(‘div‘)[1]
以此类推.

取得DIV对象以事取ID或CLASS就简单了.
var id=div.id;
var class="div".className;
就这么简单.

下面有个例子,如果不懂,随时问我

<html>
<head>
<script>
function a(){
var div=document.getElementById(‘a‘);
alert(‘div的class为:‘+div.id)
alert(‘div的id为:‘+div.className)
}
function b(){
var div=document.getElementsByTagName(‘div‘)[0];
alert(‘div的class为:‘+div.id)
alert(‘div的id为:‘+div.className)
}
</script>
<style>
.c{width:100px; height:100px; background:#0000CC}
</style>
</head>
<body>
<div id="a" class="c">
这是一个DIV
</div>
点击下面按钮取得ID和CLASS
<input type="button" onClick="a()" value="通过ID取得DIV,从而也得CLASS和ID">
<input type="button" onClick="b()" value="通过DIV标签取得DIV,从而也得CLASS和ID">
</body>
</html>

时间: 2024-10-29 10:46:15

取得DIV的ID还是CLASS的相关文章

得到一个div下 特定ID的所有标签

比如说得到 <div id="showsp"> <div id="a"></div> <div id="a"></div> <div id="a"></div> <span id="a"></span> </div> 得到 <div id="showsp">

jQuery移除指定id的div中指定id的img元素

做项目的过程中,我通过jQuery动态向指定id的div中添加img元素,然后点击删除按钮可以删除指定id的img $("#showimg").find("img[id='"+file.id+"']").remove(); showimg是div的id,file.id是img的id,我直接用$("#"+file.id).remove()删除不了这个img,我也不知道为啥,就用的上面的删除了 有哪个大侠知道为啥的话,告诉我哦,多

[转]JQuery控制div外点击隐藏,div内点击不会隐藏

一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单. 比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下: $("#body").click(function(e) { $(this).show(); e.stopPropagation(); }); $(document).click(function(event) { $("#body").hide(); }); 如果div内点击隐藏,可采用jQuer

如何获取div距离浏览器顶部的高度,宽度,内容

JS就可以获取了, document.getElementById("DIV的ID或者其它选择").offsetTop;这是离顶部 JQ可以这样: $("#aaa").offset().top; //jq获取aaa元素距离body的距离 document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid(

2天驾驭DIV+CSS (实战篇)(转)

这是去年看到的一片文章,感觉在我的学习中,有不少的影响.于是把它分享给想很快了解css的兄弟们.本文是实战篇. 基础篇[知识一] “DIV+CSS” 的叫法是不准确的[知识二] “DIV+CSS” 将你引入两大误区[知识三] 什么是W3C标准?[基础一] CSS如何控制页面[基础二] CSS选择器[基础三] CSS选择器命名及常用命名[基础四] 盒子模型[基础五] 块状元素和内联元素 实战篇[第一课] 实战小热身[第二课] 浮动[第三课] 清除浮动[第四课] 导航条(上) | 导航条(下)[大练

js获取div的坐标

html中最常使用的控件就是div了,那么如何获取div的坐标呢? 如何方法可以实现. Js代码   /*** * 获取div的坐标 * @param divObj * @returns {{width: number, height: number, left: *, top: Window}} */ com.whuang.hsj.divCoordinate=function(divObj){ if(typeof divObj == 'string'){ divObj=com.whuang.h

JQuery EasyUi Tree获取所有checkbox选中节点的id和内容

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta name="generator" content="HTML Tidy, see www.w3.org">      

div遮罩实现禁用鼠标(click、hover等)事件

这两天在帮老师做网页,今天想实现在一块区域内禁止鼠标的各种事件,本来是想在框架模板的js文件里去修改,但是改代码的时候有点凌乱...感觉应该自己把问题想复杂了. 所以想了想要是能实现在一个区域内(如:div)遮罩住区域下方的操作,强大的某度让我很快找到了答案,拿去一试,诶~还挺方便,一试就灵. 所以在此处贴下相应代码仅供参考:    1.Javascript 部分代码 1 function MaskIt(obj){ 2 var hoverdiv = '<div class="divMask

布局(左边的div随着右边div的高度变化而变化)

今天同学问了一个左边div的高度随着右边div的高度变化而变化的问题.开始想了想有点蒙.中间试着用height:100%:试过发现并不可行,因为高度百分比必须有确切的祖先元素(即设置了px)才可以.由于今天晚上正在团建,回来都12点多了.然后怎么也睡不着就做做这个吧,发现一坐下来安心的想问题,竟然迎刃而解了. 我用到的方法是1父元素设置position:relative;2左边的div设置position:absolute;top:0;bottom:0;这个也是css3中flex布局的实现原理.