Dev Faq
-1
votes

Trouver l'attribut DOM avec n'importe quel texte et stocker dans la variable

Je suis nouveau dans JavaScript. Je souhaite stocker svg.class code> de la valeur variable et nouvelle pour créer une nouvelle fonction.

Par exemple ci-dessous, la valeur svg.class code> est sur la superficie Besoin de stocker en $ Overline = surligne et besoin de créer le nom de la fonction comme fonction NEWERLINE () CODE>. Comment y aller? P>

Mon HTML ressemble au dessous: P> 

function overline(item) {
        input = item.parentNode.parentNode.parentNode.parentNode;
    item.outerHTML = "";
}

3 commentaires

Toute étape que vous avez faite vers cela ??

@Shubh: Je sais comment créer le nom de la fonction mais ne sait pas de stocker la valeur dans l'attribut DOM. Je suis nouveau en JavaScript et j'ai commencé à apprendre JS ...

Vous pouvez trouver la plupart des éléments dont vous avez besoin dans Ce message , hésita le drapeau comme une duplication directe BTW. Vous devez préciser votre question sur ce qui vous bloque, comme ce n'est pas un site de tutoriel

4 Réponses :

1
votes 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="mord accent">
<span class="vlist-t">
<span class="vlist-r">
<span class="vlist" style="height: 1.20533em;">
<span class="mord">
    <span class="mord mathdefault">A</span>
</span>
<span class="svg-align" style="top: -3.68333em;">
<span class="stretchy" style="height: 0.522em; min-width: 0.888em;">
<span class="halfarrow-left" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMinYMin slice">
    <path d="M40 281 V428 H0 V94 H40 V241 H400000 v40z M40 281 V428 H0 V94 H40 V241 H400000 v40z"></path>
    </svg>
</span>
<span class="halfarrow-right" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMaxYMin slice">
    <path d="M399960 241 V94 h40 V428 h-40 V281 H0 v-40z M399960 241 V94 h40 V428 h-40 V281 H0 v-40z"></path>
    </svg>
</span>
</span>
</span>
</span>
</span>
</span>
</span>

<input type="button" id="newline" value="getValue">

</button>

7 commentaires

L'OP est nouveau dans JavaScript, vous devez préciser que cette réponse utilise une bibliothèque de JQuery qu'ils pourraient ne pas savoir / utiliser ou souhaiter

@Vivian: Mais la valeur de la classe est n'importe où. Comment stocker la valeur automatiquement et créer le nom de la fonction basé sur SVG.Class. Voir la question mise à jour.

Pouvez-vous me donner des détails comme ce que vous voulez réaliser.

@Vivian: Maintenant, l'échantillon la valeur est surligné et soulignant . Je voudrais stocker svg.class = "Overline" la valeur est $ weboverline et svg.class = "SOUNDING" La valeur est $ Neuvunderline . Mais notez que la valeur svg.class n'est pas seulement Soulignez et surligne . Ce sera peut-être n'importe quoi ... j'espère que vous pourrez comprendre ma question.

@Vivian: c'est bien fonctionnement. Mais comment définir la boucle pour pour vérifier la balise svg ?

@Vivian: une petite aide et j'ai été essayé ces 2 derniers jours et non trouvé la solution. Après alerte la valeur de la classe, je veux supprimer la classe avec valeur. Par exemple Classe = "Overline" Pour être supprimer. Comment y parvenir?

@Vivian: J'attends votre réponse. et quelle est la signification de fs [élément] () ?

1
votes 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="mord accent">
<span class="vlist-t">
<span class="vlist-r">
<span class="vlist" style="height: 1.20533em;">
<span class="mord">
    <span class="mord mathdefault">A</span>
</span>
<span class="svg-align" style="top: -3.68333em;">
<span class="stretchy" style="height: 0.522em; min-width: 0.888em;">
<span class="halfarrow-left" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMinYMin slice">
    <path d="M40 281 V428 H0 V94 H40 V241 H400000 v40z M40 281 V428 H0 V94 H40 V241 H400000 v40z"></path>
    </svg>
</span>
<span class="halfarrow-right" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="underline" viewBox="0 0 400000 522" preserveAspectRatio="xMaxYMin slice">
    <path d="M399960 241 V94 h40 V428 h-40 V281 H0 v-40z M399960 241 V94 h40 V428 h-40 V281 H0 v-40z"></path>
    </svg>
</span>
</span>
</span>
</span>
</span>
</span>
</span>

<input type="button" id="newline" value="getValue">

</button>

3 commentaires

Comment créer le nom de la fonction avec NEW NEW + classname` avec pour boucle ?

J'attend votre réponse. Comment réaliser le nouveau NEAT + NomName pour créer une fonction (). Exemple Fonction Newoverline () {....} et fonction Neuvunderline () {....} etc ... merci.

J'ai essayé mais je ne suis pas capable de trouver une solution, le F [élément] est utilisé pour appeler la fonction de manière dynamique.

1
votes 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="mord accent">
<span class="vlist-t">
<span class="vlist-r">
<span class="vlist" style="height: 1.20533em;">
<span class="mord">
    <span class="mord mathdefault">A</span>
</span>
<span class="svg-align" style="top: -3.68333em;">
<span class="stretchy" style="height: 0.522em; min-width: 0.888em;">
<span class="halfarrow-left" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMinYMin slice">
    <path d="M40 281 V428 H0 V94 H40 V241 H400000 v40z M40 281 V428 H0 V94 H40 V241 H400000 v40z"></path>
    </svg>
</span>
<span class="halfarrow-right" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="underline" viewBox="0 0 400000 522" preserveAspectRatio="xMaxYMin slice">
    <path d="M399960 241 V94 h40 V428 h-40 V281 H0 v-40z M399960 241 V94 h40 V428 h-40 V281 H0 v-40z"></path>
    </svg>
</span>
</span>
</span>
</span>
</span>
</span>
</span>

<input type="button" id="newline" value="getValue">

</button>

2 commentaires

Merci beaucoup. Cela fonctionne bien comme ce que j'avais attendu. Pourriez-vous me fournir de bon JS et de jQuery Tutorial Link. J'ai cherché beaucoup de choses sur le Web et non trouvé une bonne solution. Maintenant, je suis très intéressé à étudier JS et JQuery. Merci encore Vivian pour votre aide immédiate ...

Vous pouvez faire référence à ce TutorialSpoint.com/javascript et TutorialSpoint.com/jQuery

1
votes 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="mord accent">
<span class="vlist-t">
<span class="vlist-r">
<span class="vlist" style="height: 1.20533em;">
<span class="mord">
    <span class="mord mathdefault">A</span>
</span>
<span class="svg-align" style="top: -3.68333em;">
<span class="stretchy" style="height: 0.522em; min-width: 0.888em;">
<span class="halfarrow-left" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="overline" viewBox="0 0 400000 522" preserveAspectRatio="xMinYMin slice">
    <path d="M40 281 V428 H0 V94 H40 V241 H400000 v40z M40 281 V428 H0 V94 H40 V241 H400000 v40z"></path>
    </svg>
</span>
<span class="halfarrow-right" style="height: 0.522em;">
    <svg width="400em" height="0.522em" class="underline" viewBox="0 0 400000 522" preserveAspectRatio="xMaxYMin slice">
    <path d="M399960 241 V94 h40 V428 h-40 V281 H0 v-40z M399960 241 V94 h40 V428 h-40 V281 H0 v-40z"></path>
    </svg>
</span>
</span>
</span>
</span>
</span>
</span>
</span>

<input type="button" id="newline" value="getValue">

</button>

3 commentaires

Merci pour votre code. Mais vous avez d'abord supprimer le code code et alerte uniquement soulignant . Mais je souhaite alerter toute la valeur de la classe dans pour boucle, puis devez supprimer une par une dans une classe la valeur .

Pourriez-vous donner des détails sur ce que vous voulez réaliser

Je voudrais alerter la première fois svg.class valeur. Après cela, je veux supprimer svg.class valeur. Encore une fois, trouvez svg.class deuxième valeur.

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO