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

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

如何在子元素的頁面加載時(shí)替換innerHTML?

如何在子元素的頁面加載時(shí)替換innerHTML?

撒科打諢 2023-10-17 17:50:30
首先,我對(duì) javascript 不太熟悉,但我知道一點(diǎn)。我所在的平臺(tái)正在運(yùn)行我在后端看不到的代碼。這意味著我只能控制這么多。例如有一個(gè)標(biāo)簽:{{ component.quality_switch }}當(dāng)頁面加載時(shí),它會(huì)將其替換為:<div class="co-quality-switch" data-behavior="quality_switch">    <a class="co-quality-switch" href="#" data-behavior="switch-low" style="">        <i class="co-icon-video-camera"></i>        watch in high quality    </a></div>我的目標(biāo)是將“a”鏈接的文本從“高質(zhì)量觀看”替換為“切換字幕”。因此,我進(jìn)行了實(shí)驗(yàn),刪除了第一個(gè) {{component.quality_switch}} 標(biāo)簽,并將其替換為通常拉取的外部 div,并在 div 中添加了 ID:<div id="captiontoggle" class="co-quality-switch" data-behavior="quality_switch"></div>當(dāng)頁面加載時(shí),它像以前一樣返回,并在 div 上添加了我的 id。進(jìn)步!<div id="captiontoggle" class="co-quality-switch" data-behavior="quality_switch">    <a class="co-quality-switch" href="#" data-behavior="switch-low" style="">        <i class="co-icon-video-camera"></i>        watch in high quality    </a></div>顯然,后端的data-behavior="quality_switch"部分有一些 java 添加了所有這些代碼。更重要的是,我需要該數(shù)據(jù)行為命令附帶的所有其他內(nèi)容,因?yàn)檫@就是在單擊時(shí)將我的視頻源交換到字幕版本并返回的內(nèi)容。所以我無法刪除它。所以我的下一個(gè)想法是讓我們使用 JS 來更改該“a”鏈接的innerHTML。內(nèi)部HTML是:<i class="co-icon-video-camera"></i>watch in low quality因此,如果我可以將其替換為“切換字幕”,我就一切就緒了。但是,當(dāng)“a”鏈接沒有 ID 時(shí),如何交換它的innerHTML?我只能將 ID 分配給它的父 DIV (captiontoggle)。我嘗試添加這個(gè)腳本:<script>var x = document.getElementById("captiontoggle");var y = x.getElementsByTagName("a");y.innerHTML = "test";</script>...但這并沒有改變?nèi)魏问虑椤奈业膶?shí)驗(yàn)看來,我可能無法在下面兩層執(zhí)行此操作...就像我可以更改captiontoggle的innerHTML,但不是它的“a”元素。我愿意接受建議!謝謝。
查看完整描述

1 回答

?
慕容708150

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

您需要使用父引用來獲取子項(xiàng)并在那里進(jìn)行更改innerHTML


<script> 

  var x = document.getElementById("captiontoggle"); 

  var y = x.children[0]; 

  y.innerHTML = "test"; 

</script>

工作片段:


var x = document.getElementById("captiontoggle");

var y = x.children[0];

y.innerHTML = "test";

<div id="captiontoggle" class="co-quality-switch" data-behavior="quality_switch">

  <a class="co-quality-switch" href="#" data-behavior="switch-low" style="">

    <i class="co-icon-video-camera"></i> watch in high quality

  </a>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-10-17
  • 1 回答
  • 0 關(guān)注
  • 101 瀏覽

添加回答

舉報(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)