无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象.
成都创新互联致力于网站建设,网站制作设计,营销网页按需制作网站,外贸网站建设,企业网站建设,微信小程序开发,网站SEO优化,网站设计制作案例丰富,是成都做网站公司和建站公司,欢迎咨询。
要取得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
可以通过getElementsByClassName方法来返回一个元素数组，你可以引用下标来返回具体的元素对象,比如：
var elements=document.getElementsByClassName(“classname”)；
elements[0];
1.根据ID,用var div=document.getElementById('youdivid')
2.通过标签名来取得var div=document.getElementsByTagName('div')[num]
3.举个例子：
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
扩展资料：
特性
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。
因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。
而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。
同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Node.js的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。
参考资料：百度百科——javascript
代码 请收下~~~~
body
span class="okdog" lay-id="user1"1只狗/spanspan class="okdog" lay-id="user2"2只狗/spanspan class="okdog" lay-id="user3"3只狗/spanspan class="okdog" lay-id="user4"4只狗/spanspan class="okdog" lay-id="user5"5只狗/span
div id="showdog"输出结果/div
script
var res = document.getElementsByClassName('okdog');
for(var i=0;ires.length;i++){
res[i].addEventListener('click',function(e){
alert(e.srcElement.innerHTML)
},false);
}
/script
/body
使用document.getElementsByClassName（’class‘）获取标签，使用innerText获取元素内的数据内容。
1、设计一个HTML简单页面，代码如下:
2、设计绑定的函数alertText()，代码如下：
3、此时的页面展示如下：
4、演示，点击其中的div，执行如下：
（1）点击第一个：
（2）点击第二个：
扩展资料：
HTML DOM getElementsByClassName() 方法解析：
1、定义和使用。
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
提示： 使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。
2、语法。
document.getElementsByClassName(classname)。
3、参数。
String 类型的classname（需要获取的元素类名），多个类名使用空格分隔，如 "test demo"。
js获取元素的class名：
var className=document.getElementsByClassName('names')[0];
jquery获取元素的class名：
var className = $('.names').atrr('class');
相关概念
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
