javascript获取class,javascript获取网页内容

javascript怎么获取div id或者class

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

javascript怎么获取具有指定class属性的元素对象

可以通过getElementsByClassName方法来返回一个元素数组，你可以引用下标来返回具体的元素对象,比如：

var elements=document.getElementsByClassName(“classname”)；

elements[0];

js如何获取DIV的 class值？

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

js获取class对象的值

代码请收下~~~~

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

js 如何获取class的元素

使用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名

js获取元素的class名：

var className=document.getElementsByClassName('names')[0];

jquery获取元素的class名：

var className = $('.names').atrr('class');