如何使用Javascript更改Span文本

Question

我正在尝试使用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"

Answer 1

将选择器包裹在'中

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

Answer 2

以下是您可以尝试的代码：

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

Answer 3

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';

Answer 4

您也可以使用textContent更新文本

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