第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

如何在JavaScript中實(shí)現(xiàn)點(diǎn)擊事件？

如何在JavaScript中實(shí)現(xiàn)點(diǎn)擊事件？

我在頁面上選擇一個(gè) span 元素。對(duì)于第一次點(diǎn)擊，我希望它鏈接到另一個(gè)頁面。第二次單擊時(shí)，我希望它返回到原始頁面。例如，我有一個(gè) 的鏈接example.com，這是原始的。當(dāng)單擊此元素“abcd”時(shí)，我希望它鏈接到example.com/ar，當(dāng)再次單擊它時(shí)，我希望它返回到example.com。document.querySelector('span.arb').addEventListener('click', function() {   a.href="example.com"; })我如何使用上述內(nèi)容完成此操作？
查看完整描述

4 回答

?
德瑪西亞99

TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊

您可以獲取鏈接并在點(diǎn)擊后更改她


document.querySelector('span.arb').addEventListener('click', toogle)


function toogle(){

if( document.querySelector('span.arb').href === "domain.com"){

document.querySelector('span.arb').href = "domain.com/link"

} else if (document.querySelector('span.arb').href === "domain.com/link"){

document.querySelector('span.arb').href = "domain.com"

}


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
蝴蝶不菲

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

將鏈接保存在數(shù)據(jù)屬性中并使用它進(jìn)行切換。


document.querySelector("[data-toggleHref]").addEventListener("click", function(){

  //Get the link element

  var a = document.querySelector("a");

  var current =  a;

  //Log to demontrate only

  console.log(this.dataset.togglehref);

  //Update the link

  a.href = this.dataset.togglehref;

  //Set the data attribute for toggle

  this.dataset.togglehref = current;

});

<a href="/pagea.html" id="target">Link</a>

<span data-toggleHref="/pageb.html">Click Me</span>


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊

嘗試這個(gè)：


let count = 0;

document.querySelector('span.arb').addEventListener('click', function () {

  count++;

 document.querySelector('a').href = "http://example.com";

  if (count == 1) {

    document.querySelector('a').href = "http://example.com/ar";

  } else {

     document.querySelector('a').href = "http://example.com";

  }

});

<a href="http://example.com">Link</a>

<span class="arb">Click Me</span>


查看完整回答
反對(duì) 回復(fù) 2023-07-14
?
慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

試試這個(gè)代碼：


document.querySelector('span.arb').addEventListener('click', function() {

  if(a.href == "example.com") {

     a.href="example.com/ar"; 

  } else {

     a.href="example.com"; 

  }

})

或更短的答案使用三元運(yùn)算符：


document.querySelector('span.arb').addEventListener('click', function() {

  a.href = a.href == "example.com" ? "example.com/ar" : "example.com";

})


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 4 回答
  • 0 關(guān)注
  • 177 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)