![](/img/trans.png)
[英]How to change the text of a <span> element using Javascript without <span> disappearing?
[英]How to change Span text with 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="{"ekit_we_effect_on":"none"}" 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"
将选择器包裹在'
document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].innerText = 'connected'
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="{"ekit_we_effect_on":"none"}" 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';
这是您可以尝试的代码:
var elems = "Connected"
var AddressText = document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].innerText = elems
您还可以使用textContent
更新文本
document.getElementsByClassName('elementor-element elementor-element-2d85236 elementor-widget elementor-widget-text-editor')[0].textContent = "Connected"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.