无论你想取得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>

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

  1. 【转】AngularJS动态生成div的ID

    AngularJS动态生成div的ID 原文链接:http://blog.csdn.net/you23hai45/article/details/52348078 1.问题背景 给定一个数组对象,里面 ...

  2. 获取当前div中的所有div的个数和每一个div的ID and 根据屏幕分辨率计算高度

    var tabs_Count=document.getElementById("tabs-panels").getElementsByTagName("div" ...

  3. vue循环遍历给div添加id

    html部分 <div class="img-preview" v-for="(img,i) of list" :key="img.imageK ...

  4. js 动态生成div显示id

    <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  5. div 中 id 和 class使用详解【转】

    原文地址:https://blog.csdn.net/zxw136511485/article/details/71191053 在div 标签中,我们比较常见的属性是id 和class,那么这两个属 ...

  6. 如何获取DIV的id

    $(obj).attr("id");参数可以是id也可以是其他例如name等属性

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

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

  8. Div Vertical Menu ver5

    这个小功能,如果是算此次,已经是第5次修改了.可以从这里看到前4次:V1, http://www.cnblogs.com/insus/archive/2011/10/17/2215637.html V ...

  9. jquery动态改变div宽度和高度

    效果体验:http://keleyi.com/keleyi/phtml/jquery/23.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X ...

随机推荐

  1. Java Web之Servlet

    Servlet参考文献: 1.http://www.cnblogs.com/luoxn28/p/5460073.html 2.http://www.cnblogs.com/xdp-gacl/p/376 ...

  2. python 传递结构体指针到 c++ dll

    CMakeLists.txt # project(工程名) project(xxx) # add_library(链接库名称 SHARED 链接库代码) add_library(xxx SHARED ...

  3. JAVA属性和成员的可见性

  4. hibernate 批量增加 修改 删除

    4.2  Hibernate的批量处理 Hibernate完全以面向对象的方式来操作数据库,当程序里以面向对象的方式操作持久化对象时,将被自动转换为对数据库的操作.例如调用Session的delete ...

  5. shell学习之路:流程控制(if)

    1.单分支if条件语句 if [ 条件判断式 ];then 程序 fi 或者 if [ 条件判断式 ] then 程序 fi 注意事项: 1.if语句使用fi结尾,和一般语言使用大括号结尾不同 2.[ ...

  6. Java TCP 程序

    服务器采用BIO模式,每一个线程处理一个连接.问题出现在,如果使用BufferedReader去读取字符流,如果没有换行符的话,那么就会导致线程阻塞.因为调用了readLine()方法. import ...

  7. JAVA常用时间操作类

    http://www.360doc.com/content/10/1210/17/2703996_76839640.shtml    在程序里面要获取当前的开始时间和结束时间,以及当前天所在的周的开始 ...

  8. wtforms 使用

    wtforms是一个表单模板库, 下面以修改密码表单为例简单说明其用法. 我们可以用python代码定义form的基本元素, 比如用户名/邮箱, 并给定各个元素的validation条件. 然后在re ...

  9. 2015年12月28日 Java基础系列（六）流

    2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流

  10. 【UEditor】 UEditor整合项目上传资源到阿里云服务器

    目录 关于此文 下载源码 JSP代码 Java代码 阿里云jar包引入配置 成功啦! 回到顶部 关于此文 项目中要实现编辑器生成带格式的html文档,存入模板,最后生成html的URL,所以选择了UE ...