如何将“InnertText”更改为没有ID的范围？

Question

我如何修改span 而不是 id 的InnerText或InnerHTML：

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

使用JQuery还是JavaScript？

完整的代码：

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

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

my HTML

Answer 1

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

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

Answer 2

如果您知道可以使用的班级名称：

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

如果您只有一个范围，则可以使用：

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

Answer 3

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

核心JS

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

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

Answer 4

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

•如果已知类名：

<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选择元素。

Answer 5

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

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