javascript怎么獲取div id或者class

無(wú)論你想取得DIV的ID還是CLASS 最重要的是找到你想取值的DIV對(duì)象.

成都創(chuàng)新互聯(lián)致力于網(wǎng)站建設(shè),網(wǎng)站制作設(shè)計(jì),營(yíng)銷(xiāo)網(wǎng)頁(yè)按需制作網(wǎng)站,外貿(mào)網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),微信小程序開(kāi)發(fā),網(wǎng)站SEO優(yōu)化,網(wǎng)站設(shè)計(jì)制作案例豐富,是成都做網(wǎng)站公司和建站公司,歡迎咨詢(xún)。

要取得DIV對(duì)象的方法有很多.常用的有2個(gè),一個(gè)是根據(jù)ID,用

var div=document.getElementById('youdivid')

另一種就是通過(guò)標(biāo)簽名來(lái)取得

var div=document.getElementsByTagName('div')[num]

第2種方法和第一種方法的區(qū)別是不用設(shè)ID也能取得對(duì)象,第一種方法取得的是一個(gè)對(duì)象,第2種方法取得的是一個(gè)由所有DIV標(biāo)簽所組成的數(shù)組.所以后面要根上DIV的序列.比如你想取得網(wǎng)頁(yè)的第一個(gè)DIV就

var div=document.getElementsByTagName('div')[0]

第2個(gè)

var div=document.getElementsByTagName('div')[1]

以此類(lèi)推.

取得DIV對(duì)象以事取ID或CLASS就簡(jiǎn)單了.

var id=div.id;

var class=div.className;

就這么簡(jiǎn)單.

下面有個(gè)例子,如果不懂,隨時(shí)問(wèn)我

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"

這是一個(gè)DIV

/div

點(diǎn)擊下面按鈕取得ID和CLASS

input type="button" onClick="a()" value="通過(guò)ID取得DIV,從而也得CLASS和ID"

input type="button" onClick="b()" value="通過(guò)DIV標(biāo)簽取得DIV,從而也得CLASS和ID"

/body

/html

javascript怎么獲取具有指定class屬性的元素對(duì)象

可以通過(guò)getElementsByClassName方法來(lái)返回一個(gè)元素?cái)?shù)組，你可以引用下標(biāo)來(lái)返回具體的元素對(duì)象,比如：

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

elements[0];

js如何獲取DIV的 class值？

1.根據(jù)ID,用var div=document.getElementById('youdivid')

2.通過(guò)標(biāo)簽名來(lái)取得var div=document.getElementsByTagName('div')[num]

3.舉個(gè)例子：

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

擴(kuò)展資料：

特性

JavaScript腳本語(yǔ)言具有以下特點(diǎn):

(1)腳本語(yǔ)言。JavaScript是一種解釋型的腳本語(yǔ)言,C、C++等語(yǔ)言先編譯后執(zhí)行,而JavaScript是在程序的運(yùn)行過(guò)程中逐行進(jìn)行解釋。

(2)基于對(duì)象。JavaScript是一種基于對(duì)象的腳本語(yǔ)言,它不僅可以創(chuàng)建對(duì)象,也能使用現(xiàn)有的對(duì)象。

(3)簡(jiǎn)單。JavaScript語(yǔ)言中采用的是弱類(lèi)型的變量類(lèi)型,對(duì)使用的數(shù)據(jù)類(lèi)型未做出嚴(yán)格的要求,是基于Java基本語(yǔ)句和控制的腳本語(yǔ)言,其設(shè)計(jì)簡(jiǎn)單緊湊。

(4)動(dòng)態(tài)性。JavaScript是一種采用事件驅(qū)動(dòng)的腳本語(yǔ)言,它不需要經(jīng)過(guò)Web服務(wù)器就可以對(duì)用戶(hù)的輸入做出響應(yīng)。在訪問(wèn)一個(gè)網(wǎng)頁(yè)時(shí),鼠標(biāo)在網(wǎng)頁(yè)中進(jìn)行鼠標(biāo)點(diǎn)擊或上下移、窗口移動(dòng)等操作JavaScript都可直接對(duì)這些事件給出相應(yīng)的響應(yīng)。

(5)跨平臺(tái)性。JavaScript腳本語(yǔ)言不依賴(lài)于操作系統(tǒng),僅需要瀏覽器的支持。

因此一個(gè)JavaScript腳本在編寫(xiě)后可以帶到任意機(jī)器上使用,前提上機(jī)器上的瀏覽器支 持JavaScript腳本語(yǔ)言,目前JavaScript已被大多數(shù)的瀏覽器所支持。

不同于服務(wù)器端腳本語(yǔ)言，例如PHP與ASP，JavaScript主要被作為客戶(hù)端腳本語(yǔ)言在用戶(hù)的瀏覽器上運(yùn)行，不需要服務(wù)器的支持。所以在早期程序員比較青睞于JavaScript以減少對(duì)服務(wù)器的負(fù)擔(dān)，而與此同時(shí)也帶來(lái)另一個(gè)問(wèn)題：安全性。

而隨著服務(wù)器的強(qiáng)壯，雖然程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全，但JavaScript仍然以其跨平臺(tái)、容易上手等優(yōu)勢(shì)大行其道。

同時(shí)，有些特殊功能（如AJAX）必須依賴(lài)Javascript在客戶(hù)端進(jìn)行支持。隨著引擎如V8和框架如Node.js的發(fā)展，及其事件驅(qū)動(dòng)及異步IO等特性，JavaScript逐漸被用來(lái)編寫(xiě)服務(wù)器端程序。

參考資料：百度百科——javascript

js獲取class對(duì)象的值

代碼 請(qǐng)收下~~~~

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"輸出結(jié)果/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‘）獲取標(biāo)簽，使用innerText獲取元素內(nèi)的數(shù)據(jù)內(nèi)容。

1、設(shè)計(jì)一個(gè)HTML簡(jiǎn)單頁(yè)面，代碼如下:

2、設(shè)計(jì)綁定的函數(shù)alertText()，代碼如下：

3、此時(shí)的頁(yè)面展示如下：

4、演示，點(diǎn)擊其中的div，執(zhí)行如下：

（1）點(diǎn)擊第一個(gè)：

（2）點(diǎn)擊第二個(gè)：

擴(kuò)展資料：

HTML DOM getElementsByClassName() 方法解析：

1、定義和使用。

getElementsByClassName() 方法返回文檔中所有指定類(lèi)名的元素集合，作為 NodeList 對(duì)象。NodeList 對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對(duì)象 我們可通過(guò)節(jié)點(diǎn)列表中的節(jié)點(diǎn)索引號(hào)來(lái)訪問(wèn)列表中的節(jié)點(diǎn)(索引號(hào)由0開(kāi)始)。

提示： 使用 NodeList 對(duì)象的 length 屬性來(lái)確定指定類(lèi)名的元素個(gè)數(shù)，并循環(huán)各個(gè)元素來(lái)獲取需要的那個(gè)元素。

2、語(yǔ)法。

document.getElementsByClassName(classname)。

3、參數(shù)。

String?類(lèi)型的classname（需要獲取的元素類(lèi)名），多個(gè)類(lèi)名使用空格分隔，如 "test demo"。

js怎么獲取元素的class名

js獲取元素的class名：

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

jquery獲取元素的class名：

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

相關(guān)概念

getElementsByClassName() 方法返回文檔中所有指定類(lèi)名的元素集合，作為 NodeList 對(duì)象。

NodeList 對(duì)象代表一個(gè)有順序的節(jié)點(diǎn)列表。NodeList 對(duì)象 我們可通過(guò)節(jié)點(diǎn)列表中的節(jié)點(diǎn)索引號(hào)來(lái)訪問(wèn)列表中的節(jié)點(diǎn)(索引號(hào)由0開(kāi)始)。

網(wǎng)頁(yè)名稱(chēng)：javascript獲取class,javascript獲取網(wǎng)頁(yè)內(nèi)容
URL網(wǎng)址：http://chinadenli.net/article47/dsspshj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站排名、云服務(wù)器、動(dòng)態(tài)網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)頁(yè)設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)