无论你想取得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. js随机从数组中取出几个元素

    JS如何从一个数组中随机取出一个元素或者几个元素. 假如数组为 var items = ['1','2','4','5','6','7','8','9','10']; 1.从数组items中随机取出一 ...

  2. Java多线程编程核心技术---Java多线程技能

    基本概念 进程是操作系统结构的基础,是一次程序的执行,是一个程序及其数据结构在处理机上顺序执行时所发生的活动,是程序在一个数据集合上运行的过程,是系统进行资源分配和调度的独立单位.线程可以理解成是在进 ...

  3. mysql支持跨表delete删除多表记录

    前几天写了Mysql跨表更新的一篇总结,今天我们看下跨表删除. 在Mysql4.0之后,mysql开始支持跨表delete. Mysql可以在一个sql语句中同时删除多表记录,也可以根据多个表之间的关 ...

  4. [CentOs7]iptables防火墙安装与设置

    摘要 CentOS 7.0默认使用的是firewall作为防火墙,如果改为iptables防火墙,如何操作? 关闭firewall: systemctl stop firewalld.service ...

  5. 【转】快速理解Kafka分布式消息队列框架

     from:http://blog.csdn.net/colorant/article/details/12081909 快速理解Kafka分布式消息队列框架 标签: kafkamessage que ...

  6. ManualResetEvent详解

    原文来自:http://www.cnblogs.com/tianzhiliang/archive/2011/03/04/1970726.html 1. 源码下载: 下载地址:http://files. ...

  7. linux命令--nslookup

    nslookup和dig都是非常有用的网络命令,简单而言,就是查dns信息用的. 本地的dns配置文件在哪里? 文件是:/etc/resolv.conf 打开这个文件:vi /etc/resolv.c ...

  8. nginx下面server配置

    haomeiv配置 log_format www.haomeiv.com '$remote_addr - $remote_user [$time_local] "$request" ...

  9. 前端入门级之如何从零开始前端（估计要被人鄙视成LOW货了）入门篇

    <!------------------------------------------------------基本说明开始----------------------------------- ...

  10. 在nodejs下express 从安装到运行的全过程

    安装过程: npm install -gd express  npm install -g express-generator  express -V //查看版本,现在一般都是4.x系列的 expr ...