js怎麼獲取標籤的class,js獲取html標籤內容

本文目錄一覽：

• 1、js怎麼獲取元素的class名？
• 2、js怎麼獲取元素的class名
• 3、js如何獲取DIV的 class值？

js怎麼獲取元素的class名？

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，填充問題基礎代碼。

2、在index.html中的script標籤，輸入js代碼：$(‘body’).append($(‘button’).attr(‘class’));。

3、瀏覽器運行index.html頁面，此時按鈕的class名被js取到並打印了出來。

js怎麼獲取元素的class名

js獲取元素的class名：

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

jquery獲取元素的class名：

var className = $(‘.names’).atrr(‘class’);

相關概念

getElementsByClassName() 方法返迴文檔中所有指定類名的元素集合，作為 NodeList 對象。

NodeList 對象代表一個有順序的節點列表。NodeList 對象 我們可通過節點列表中的節點索引號來訪問列表中的節點(索引號由0開始)。

js如何獲取DIV的 class值？

js如何獲取DIV的 class值：

!DOCTYPE html

html

head

meta charset=”UTF-8″

title原生Js通過class屬性值獲取對象/title

script type=”text/javascript”

window.onload = function(){

console.log(getElementByClassName(“tag”).length);

console.log(getElementByClassName(“tag”));

}

function getElementByClassName(classnames){

var objArray= new Array();//定義返回對象數組

var tags=document.getElementsByTagName(“*”);//獲取頁面所有元素

var index = 0;

for(var i in tags){

if(tags[i].nodeType==1){

if(tags[i].getAttribute(“class”) == classnames){ //如果某元素的class值為所需要

objArray[index]=tags[i];

index++;

}

}

}

return objArray;

}

/script

/head

body

div class=”tag nav” /div

div class=”tag” /div

/body

/html

擴展資料

div 可定義文檔中的分區或節（division/section）。

div 標籤可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。

如果用 id 或 class 來標記 div，那麼該標籤的作用會變得更加有效。

注釋：div 是一個塊級元素，也就是說，瀏覽器通常會在 div 元素前後放置一個換行符。

提示：請使用 div 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。

參考資料：百度百科DIV