如何使用Javascript更改跨度文本？-有解無憂

我正在嘗試使用 javascript 更改文本，但無論如何我都無法定位此元素...

<div class="elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor" data-id="2d85236" data-element_type="widget" id="is_connected" data-settings="{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}" data-widget_type="text-editor.default">
            <div class="elementor-widget-container">
                <div class="elementor-text-editor elementor-clearfix"><p style="text-align: center;"><span style="color: #ff0000;">Not Connected</span></p></div>
            </div>
            </div>

我想將此“未連接”更改為“已連接”我嘗試過，但它不起作用：

var AddressText = $("#connect").html(address.substr(0, 13)   "...")
    var elems = document.getElementsByClassName(elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor)[0].innerText;
    elems = "Connected"

uj5u.com熱心網友回復：

您還可以使用textContent更新文本

document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].textContent = "Connected"

uj5u.com熱心網友回復：

將選擇器包裹在里面 '

document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].innerText = 'connected'

uj5u.com熱心網友回復：

這是您可以嘗試的代碼：

   var elems = "Connected"
   var AddressText = document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].innerText = elems

uj5u.com熱心網友回復：

let spanTag = document.querySelector('.elementor-clearfix p').childNodes[1];
spanTag.innerHTML = 'Connetcted';

<div class="elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor" data-id="2d85236" data-element_type="widget" id="is_connected" data-settings="{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}" data-widget_type="text-editor.default">
  <div class="elementor-widget-container">
    <div class="elementor-text-editor elementor-clearfix">
      <p style="text-align: center;">
        <span style="color: #ff0000;">Not Connected</span>
      </p>
    </div>
  </div>
</div>

let spanTag = document.querySelector('.elementor-text-editor elementor-clearfix')[1];
spanTag.innerHTML = 'connected';

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/352308.html

標籤：javascript html WordPress的

上一篇：獲取當前產品類別的所有產品父sku并將它們顯示在陣列中-Woocommerce

下一篇：如何計算WooCommerce購物車中添加的產品ID的額外費用