无论你想取得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. UVa 11988 Broken Keyboard（链表->数组实现）

    /*数组形式描述链表:链表不一定要用指针. 题目链接:UVa 11988 Broken Keyboard 题目大意: 小明没有开屏幕输入一个字符串,电脑键盘出现了问题会不定时的录入 home end ...

  2. GLSL扩展预处理器（支持#include）

    http://www.gamedev.net/topic/645610-do-you-extend-glsl/ https://github.com/ehsan/ogre/blob/master/Re ...

  3. 在 Mac OS X 终端里使用 Solarized 配色方案

    MacOS X 终端solarized配色 相信长期浸泡在终端和代码的小伙伴们都有一套自己喜爱的配色方案.以前一直在用简单.适合阅读的 Terminal.app 配色方案,换到 MacBook Pro ...

  4. python openpyxl 操作 excel

    初识与安装 Openpyxl is a Python library for reading and writing Excel 2010 xlsx/xlsm/xltx/xltm files. 安装 ...

  5. web前端工程师校园招聘要求

    小燕子对紫薇说:“这辈子也别想着进皇宫了”.可后来她们不但进了宫,还都当上了格格.你在想什么?走呗! 1.去哪了网 前端开发工程师 工作地点:北京 工作职责: 负责去哪儿网各产品线Web前端研发: 负 ...

  6. C# 实现 Snowflake算法 ID生成

    http://blog.csdn.net/w200221626/article/details/52064976 C# 实现 Snowflake算法 /// <summary> /// 动 ...

  7. .net mvc web api 返回 json 内容，过滤值为null的属性

    原文:http://blog.csdn.net/xxj_jing/article/details/49508557 版权声明:本文为博主原创文章,未经博主允许不得转载. .net mvc web ap ...

  8. sqlserver下载

    https://msdn.microsoft.com/zh-cn/sqlserver/default.aspx

  9. Swing杂记——Swing中引入Android的NinePatch技术，让Swing拥有Android的外观定制能力

    [摘要] 本文诣在展示如何在Swing中引入 NinePatch技术(早期有文章里中文译作九格图,暂且这么叫吧^_^,但此术非传统移动手机上的功能布局——九格图哦). [准备篇] Q:何为 NineP ...

  10. Memcached存储命令 - set

    Memcached set 命令用于将 value(数据值) 存储在指定的 key(键) 中. 如果set的key已经存在,该命令可以更新该key所对应的原来的数据,也就是实现更新的作用. set 命 ...