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

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

獲取活動 li href 名稱的 Javascript

獲取活動 li href 名稱的 Javascript

守候你守候我 2023-02-24 10:34:43
我需要獲取活動的 href 名稱在我頁面上選擇的選項卡上。 如下面的代碼所示,由于“href: popular”處于活動狀態,我希望將其返回我想捕獲這是一個使用 javascript 的 JS 變量。誰能幫我解決這個問題。我使用了下面的代碼但沒有運氣function() {  var element=document.querySelector('ul.uk-tab tabs > li');  var content=element?element.textContent:undefined;  return content;}
查看完整描述

2 回答

?
忽然笑

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

由于這是用 google-tag-manager 標記的,因此您不應該自己編寫自定義 Javascript(GTM 已經包含一個選擇器引擎)。

轉到變量,新建,選擇“DOM 元素”,將選擇方法下拉列表切換到“CSS 選擇器”,從評論或答案中輸入選擇器(或“屬性包含”選擇器,例如 li[class*="active"] >a 如果您不是特別關注 uk-active,而是所有活動鏈接)。

這將返回所選元素的 innertext 屬性,或者,如果你想要一個屬性值,你可以在相應的文本字段中輸入屬性的名稱:


查看完整回答
反對 回復 2023-02-24
?
幕布斯6054654

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

解決方案:


let el=document.querySelector(".uk-active a"),

? ? hrefrel=el.getAttribute("href"),

? ? hrefabs=el.href,

? ? text=el.textContent;


console.log(`hrefrel: ${hrefrel}\nhrefabs:? ${hrefabs}\ntext: ${text}`);

// or, combined as an object:

console.log({hrefrel,hrefabs,text})

<section class="section tabs-container homepage main-container" data-tabs-container-tabifier data-containerid="tabgrp-collections-and-reading" data-getitemcount="2">

? <ul class="uk-tab tabs" data-tabs>

? ? <li role="tab" aria-expanded="false" class><a href="#firstplace">Latest</a></li>

? ? <li role="tab" class="uk-active" aria-expanded="true"><a href="#someplace">Popular</a></li>

? </ul>

</section>

我稍微修改了href你的,否則結果將毫無意義。<a>



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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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