如何将“InnertText”更改为没有ID的跨度？

Question

如何修改跨度的的innerText或innerHTML的不 ID：

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

与jQuery或JavaScript？

的完整代码：

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

我想修改“邮报德观”一个代码。

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");