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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從 HTML 片段中提取值屬性

從 HTML 片段中提取值屬性

一只甜甜圈 2023-03-24 16:47:26
我正在嘗試value從 HTML 文件中提取屬性。我曾經querySelectorAll獲取文件中的所有節點。誰能幫助我如何只value從文件中獲取屬性。const nodes = document.querySelectorAll("add")console.log(nodes)<div>  <add value="abc"></add>  <add value="def"></add>  <add value="ghi"></add></div>
查看完整描述

3 回答

?
心有法竹

TA貢獻1866條經驗 獲得超5個贊

value請務必通過添加[value]到查詢來檢查所選節點是否具有該屬性。


注意:這里我使用 ES6 擴展運算符將 NodeList 作為數組獲取。


const nodes = document.querySelectorAll("add[value]")

console.log([...nodes].map(n => n.getAttribute("value")))

<div>

  <add value="abc"></add>

  <add value="def"></add>

  <add value="ghi"></add>

</div>


查看完整回答
反對 回復 2023-03-24
?
紅顏莎娜

TA貢獻1842條經驗 獲得超13個贊

您可以Array.prototype.map使用Array.from:


const nodes = Array.from(document.querySelectorAll("add")).map(el => el.getAttribute('value'))

console.log(nodes)

<div>

  <add value="abc"></add>

  <add value="def"></add>

  <add value="ghi"></add>

</div>


查看完整回答
反對 回復 2023-03-24
?
飲歌長嘯

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

您可以映射節點集合,并調用getAttribute()每個節點:


const nodes = document.querySelectorAll('add');


const values = Array.from(nodes).map(node => node.getAttribute('value'));


console.log(values);

<div>

  <add value="abc"></add>

  <add value="def"></add>

  <add value="ghi"></add>

</div>


查看完整回答
反對 回復 2023-03-24
  • 3 回答
  • 0 關注
  • 139 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號