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

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

無法刪除 DOM 中沒有元素或標簽的文本

無法刪除 DOM 中沒有元素或標簽的文本

largeQ 2023-10-16 10:34:38
我現在忙這件事有一段時間了,但我無法解決。我已經檢查了此頁面上的所有答案,但仍然無法使其工作。文本保留在頁面上。使用 .text() 僅檢索未嵌套在子標簽中的文本我的HTML:我創建了一個熱圖函數,我將使用它來使用 PHP 7.2 填充 html 表格的單元格。這是我的功能:function bg($latency) {    if ($latency ==0) {echo '#11FFFF';}     elseif ($latency <30) {echo '#22FFFF';}     elseif ($latency <60) {echo '#33FFFF';}     elseif ($latency <90) {echo '#44FFFF';}     elseif ($latency <120) {echo '#55FFFF';}     elseif ($latency <150) {echo '#66FFFF';}     elseif ($latency <180) {echo '#77FFFF';}     elseif ($latency <210) {echo '#88FFFF';}     elseif ($latency <240) {echo '#99FFFF';}     elseif ($latency <270) {echo '#AAFFFF';}     elseif ($latency <300) {echo '#BBFFFF';}     elseif ($latency >=300) {echo '#CCB27F';} }我使用簡單的 select 語句從 MySQL 表中提取值,然后嘗試使用以下代碼片段構建表:while($row = mysqli_fetch_assoc($result)) {    echo '<tr><td>'.$row['origin'].'</td><td bgcolor='.bg($row['lt01']).'>'.$row['lt01'].'</td></tr>';}但由于某種原因,輸出出現亂碼,函數輸出出現在 HTML 源代碼之前:#11FFFF<tr><td>LT01</td><td bgcolor=>0</td></tr>#22FFFF<tr><td>LT02</td><td bgcolor=>11</td></tr>#44FFFF<tr><td>LT03</td><td bgcolor=>62</td></tr>#44FFFF<tr><td>LT04</td><td bgcolor=>74</td></tr>#99FFFF<tr><td>LT05</td><td bgcolor=>214</td></tr>我一生都無法弄清楚這一點。
查看完整描述

3 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

您可以輕松過濾直接子節點中的文本節點:


var container = document.querySelector('.child1');


for(var node of container.childNodes) {

  if (node.nodeType === Node.TEXT_NODE) {

    container.removeChild(node);

  }

}

<div class="parent">

    <div class="child1">

        THIS WILL DISAPPEAR

        THIS WILL DISAPPEAR

        <div class="child-of-child1">

            A lot of elements here

        </div>

        THIS WILL DISAPPEAR

    </div>

</div>


查看完整回答
反對 回復 2023-10-16
?
大話西游666

TA貢獻1817條經驗 獲得超14個贊

var cNodes = document.querySelector('.child1').childNodes;

 if(cNodes.length>0)

 cNodes[cNodes.length-1].nodeValue="";

<div class="parent">

    <div class="child1">

        <div class="child-of-child1">

            A lot of elements here

        </div>

        TEXT I LIKE TO REMOVE

    </div>

</div>


Hello


查看完整回答
反對 回復 2023-10-16
?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

您可以通過它前面的元素來定位它,然后獲取它nextSibling

const?textNode?=?document.querySelector(".parent?.child1?.child-of-child1").nextSibling;
textNode.parentNode.removeChild(textNode);

實例:

setTimeout(() => {

? ? const textNode = document.querySelector(".parent .child1 .child-of-child1").nextSibling;

? ? textNode.parentNode.removeChild(textNode);

}, 800);

<div class="parent">

? ? <div class="child1">

? ? ? ? <div class="child-of-child1">

? ? ? ? ? ? A lot of elements here

? ? ? ? </div>

? ? ? ? TEXT I LIKE TO REMOVE

? ? </div>

</div>


查看完整回答
反對 回復 2023-10-16
  • 3 回答
  • 0 關注
  • 166 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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