已解決430363個問題，去搜搜看，總會有你想問的

JavaScript：如何獲取 <div> 的子名稱

首頁猿問 JavaScript：如何獲取...

JavaScript：如何獲取 <div> 的子名稱

JavaScript

慕碼人2483693 2022-06-05 16:35:23

我有一個類似這樣的結構：<div class="tower"> <div class="E0">abc</div> <div class="GU">123</di</div>沒有我的問題是我想在javascript中獲取內部類名'E0'和'GU'，而我只知道外部類名'tower'。因此，雖然“塔”保持不變，但“EO”和“GU”可能是其他名稱，我希望擁有類名（作為字符串）。感謝您的幫助（很抱歉這個可能很愚蠢的問題）

查看完整描述

3 回答

牛魔王的故事

TA貢獻1830條經驗獲得超3個贊

您可以使用children父節點的屬性，然后使用數組.map()方法遍歷它們中的每一個以獲取類名，例如：

const children = document.querySelector('.tower').children;

const classes = [...children].map(el => el.className)

console.log( classes )

<div class="GU">123</di

</div>

反對回復 2022-06-05

人到中年有點甜

TA貢獻1895條經驗獲得超7個贊

像這樣的東西？

let clss = [...document.querySelector(".tower").querySelectorAll("div")]

.map(div => [...div.classList.values()].map(val => val))

console.log(clss)

</div>

反對回復 2022-06-05

jeck貓

TA貢獻1909條經驗獲得超7個贊

var first = document.querySelector(".tower div:first-child").className;
var last = document.querySelector(".tower div:last-child").className;

反對回復 2022-06-05

3 回答
0 關注
227 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JavaScript：如何獲取 <div> 的子名稱

JavaScript：如何獲取 <div> 的子名稱

3 回答

添加回答