How can i get the text of a span element using javascript?

Question

Edited for tags and further explanation of the question

Hello ,i am fairly new to the web programming, sorry in advance if this sounds out of place. My question is, i need to get customer's name and number from this <span class="tag-element-content" title="${Customer No}">${Customer Name}-${Customer No}</span> area, which is inside the code below, any help would be very appreciated.

<div class="tagger" id="ChoosenCustomer">
                                        <div class="tags-container tag-view focused" id="branches">
                                            <div class="tag-element-container" dojoattachpoint="_tagsContainer">
                                                <div class="tag-decorated-element" name="ChoosenTags" id="" is-clicked="true">
                                                    <span class="tag-element-content" title="${Customer No}">${Customer Name}-${Customer No}</span>
                                                    <span id="RemoveCustomer" class="tag-element-delete icon-cross" search-id="" click=DeleteCustomer()></span>
                                                    <input type="hidden" id="" value="${Customer No}" is-clicked="true">
                                                </div>
                                            </div>
                                        </div>
                                    </div>

What have you tried so far to solve this on your own? -> How much research effort is expected of Stack Overflow users? — Andreas
– Andreas, Commented Jan 24, 2022 at 12:34
Sorry, question i typed first was kinda different, then i forgot to delete the tags, edited it now. — muhammet okay
– muhammet okay, Commented Jan 24, 2022 at 12:57

Nitin Shinde · Accepted Answer · 2022-01-24 12:39:48Z

1

try this:

let span_text = document.querySelector('.your-element-class').textContent;

with jQuery:

let span_text = $('.your-element-class').text();

answered Jan 24, 2022 at 12:39

Nitin Shinde

17510 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

my profile · Accepted Answer · 2022-01-24 12:42:49Z

0

in your case:

document.getElementById("anid").innerText;

and add the id to your element

answered Jan 24, 2022 at 12:42

my profile

379 bronze badges

1 Comment

Andreas Over a year ago

"and add the id to your element" - Why? There are ways that don't require to change the markup...

Pedram Gholizadeh · Accepted Answer · 2022-01-24 12:56:50Z

0

Simply you can use jquery on your project and :

var SpanText = $('.tag-element-content').text();

edited Jan 24, 2022 at 12:56

answered Jan 24, 2022 at 12:36

Pedram Gholizadeh

1781 silver badge9 bronze badges

1 Comment

Andreas Over a year ago

"Use this code" - Why? How is a collection of HTMLElements useful?

Collectives™ on Stack Overflow

How can i get the text of a span element using javascript?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related