Comment changer 'InnertText' en span sans ID?

Question

Comment je peux modifier le InnerText ou InnerHTML de durée sans id:

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

avec JQuery ou JavaScript?

Le code complet:

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

Je veux modifier le "Correo de Outlook" avec un code.

my HTML

Answer 1

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

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

Answer 2

Si vous connaissez le nom de la classe, vous pouvez utiliser:

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

Si vous avez seulement une seule travée, vous pouvez utiliser:

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

Answer 3

Vous pouvez sélectionnez l'élément de class nom.

JS noyau

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

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

Answer 4

Cela dépend de ce que vous savez à propos de l'élément que vous voulez sélectionner.

• Si le nom de classe est connu:

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

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

• Si l'attribut spécifique est connu:

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

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

• Si vous connaissez marquer simplement le nom (garder à l'esprit qu'il choisira tous les éléments avec le même nom de point):

<span>Correo de Outlook</span> 

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

• Vous pouvez également utiliser certains éléments parents pour créer votre sélection sur plus précis:

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

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

En savoir plus sur la sélection des éléments avec jQuery here ou here.

Answer 5

Si vous connaissez le nom de la classe, utilisez ci-dessous les lignes de code:

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