如何将“内部文本”更改为没有 ID 的跨度？答案

【问题标题】：How change 'InnertText' into span without ID?如何将“内部文本”更改为没有 ID 的跨度？
【发布时间】：2017-07-19 15:42:08
【问题描述】：

我如何修改 span 没有 id的 InnerText 或 InnerHTML：

<span class="..."...>

使用 JQuery 还是 JavaScript？

完整代码：

<span class="o365cs-nav-brandingText">Correo de Outlook</span>

我想用代码修改“Correo de Outlook”。

【问题讨论】：

【解决方案1】：

如果您知道类名，请使用以下代码行：

$(".o365cs-nav-brandingText").text("Text");

【讨论】：

【解决方案2】：

这取决于您对要选择的元素的了解程度。

• 如果类名已知：

<span class="o365cs-nav-brandingText">Correo de Outlook</span>

$(".o365cs-nav-brandingText").text("New text");

• 如果特定属性已知：

<span myAttr="attrValue">Correo de Outlook</span>

$("[myAttr='attrValue']").text("New text");

• 如果您只知道标签名称（请记住，它将选择具有相同标签名称的所有元素）：

<span>Correo de Outlook</span>

$("span").text("New text");

• 您还可以使用一些父元素来使您的选择更加准确：

<div class="wrapper">
    <span>Correo de Outlook</span>
</div>

$(".wrapper span").text("New text");

了解有关使用 jQuery here 或 here 选择元素的更多信息。

【讨论】：

【解决方案3】：

您可以从class 名称中选择元素。

核心 JS

document.querySelector('.o365cs-nav-brandingText').textContent = "New text";

&lt;span class="o365cs-nav-brandingText"&gt;Correo de Outlook&lt;/span&gt;

【讨论】：

【解决方案4】：

如果你知道你可以使用的类名：

$(".o365cs-nav-brandingText").html("...");

如果你只有一个跨度，你可以使用：

$("span").html("...");

【讨论】：

【解决方案5】：

document.querySelector('span').innerText = 'new text I want';

document.querySelector('span').innerHTML = '<b>new text I want</b>';

【讨论】：