How to extract data from Webview website element (span tag)

[webcomments7 (hombre)]

Hello everyone is there any way to extract data from the span tag that has same class but different value given to it.
Here is what i mean.

In the above photo photo you can see that the span tags has the same class in all the row it created but got different value include inside the span tag i.e :
<span_1 class=“c-span” > Facebook </span_1>
<span_1 class=“c-span” > Twitter </span_1>
<span_1 class=“c-span” > copy link</span_1>

So, now what i want to do is to get:
1.Facebook
2.Twitter
3.copy link

In a list form like Facebook, Twitter, copy link so that i can make a table for each value and make a list in my app … can anyone help me with it . Thankyou

Website i want to extract data from:
view-source:The Hot 100 – Billboard

[Avijit (Avijit Das)]

[UPDATED] Web Scrapper Extension - Get data from websites

WebScrapperScrape web sites with selector. Selector -> https://is.gd/selectorkullanimi   Current Version 1.0   File Size 505.83 KB   com.ruwis.WebScrapper    Created On 2021-08-30 Method Blocks [getAttribute] GetAttribute - Get attribute from single element ➜ element input type any ➜ attributes input type text [getElement] GetElement - Get elements from single element ➜ element input type any ➜ selector input type text [getElements] GetElements - Get elements from single elemen…

[Decoder_360 (The Decoder 360)]

If you Just Want The Text Of Facebook Copylink twitter and Embded

The Use The Following Javascript In Webviewer

To Get Text Of 

Facebook 
document.getElementsByClassName("a-font-primary-medium-xxs")[4].innerText;

Copylink
document.getElementsByClassName("a-font-primary-medium-xxs")[3].innerText;

Twitter
document.getElementsByClassName("a-font-primary-medium-xxs")[2].innerText;

Embed
document.getElementsByClassName("a-font-primary-medium-xxs")[5].innerText;

Use Following JS To Get The Volue

If You Want The All The Text Data In List So Use This

(function() {
var TextData = new Object();
TextData.Twitter = document.getElementsByClassName("a-font-primary-medium-xxs")[2].innerText;
TextData.Copylink = document.getElementsByClassName("a-font-primary-medium-xxs")[3].innerText;
TextData.Facebook = document.getElementsByClassName("a-font-primary-medium-xxs")[4].innerText;
TextData.Embed = document.getElementsByClassName("a-font-primary-medium-xxs")[5].innerText;
return JSON.stringify(TextData);
})();

It Will Give The Result Like This In json

{

"GetTwittertext":"Twitter",

"GetCopylinktext":"Copy Link",

"GetFacebooktext":"Facebook",

"GetEmbedtext":"Embed"

}

[webcomments7 (hombre)]

Got your points but it feels little bit complicated with me to do that randomly
can i use ‘for’ loops to extract data… Infact I need 200 songs name , its rank and artist name from billboard website they aren’t given any api for it i thought of this way by… but it’s become complex as i have to get innertext form same class element.

[marco_tanzi]

See this:

Pure Javascript to get all span elements but make editable specificly by the defined class

[Decoder_360 (The Decoder 360)]

@webcomments7

can i use ‘for’ loops to extract data…

Yaa You Can Use

@webcomments7

Infact I need 200 songs name , its rank and artist name

Try To Use For Loops Method.

@webcomments7

So, now what i want to do is to get:
1.Facebook
2.Twitter
3.copy link

I thought You Just Wanna Text Of Facebook Twitter And All

[webcomments7 (hombre)]

function clickme() {
var clist = document
.getElementsByClassName(“c-label”)

var title = new object();

for (var i = 0; i < clist.length; i++) {
title.songs = clist[i].innertext;
} document.getElementById(“q”).innerHTML = return JSON.stringify(title);
}

It’s not returning me any value in inner html nither in console… can you please tell me whats wrong

[marco_tanzi]

Your clist Is a string or int for loop nerds an array

[webcomments7 (hombre)]

Its an array with multiple value.

[Groza (95)]

you can create your own api with a list of songs. it is very easy. use the online service for creating an api for this https://wrapapi.com/

[marco_tanzi]

InnerText==>innertext.

You can try textContent or innerHTML

[Decoder_360 (The Decoder 360)]

You Just Want The Text Right ?

@webcomments7

document.getElementById(“q”).innerHTML = return JSON.stringify(title);

If You Use that then what its returning ? For What data you are using that ?

What Data You Want From The Web

[webcomments7 (hombre)]

Ya the multiple text.

I need this all red box selected values in list form so that i can use in my list view.

It this possible

[Groza (95)]

insert css selectors

[webcomments7 (hombre)]

Thankyou so much for this it save my time.
I also get the js but its time consuming
And slow then wrapapi.com. Well I got few questions about wrapapi can you please give some time.

And Here’s the code if anyone need js.

var GetEle = document
.getElementsByClassName(“c-label”);

var Store = “”;

function clickme() {
for (var i = 0; i < GetEle
.length; i++) {
Store += GetEle[i].innerText
}
document.getElementById(“Show”)
.innerHTML = Store;
}

[Groza (95)]

@webcomments7

Ну, у меня есть несколько вопросов о wrapapi, не могли бы вы, пожалуйста, уделить мне немного времени

watch the video tutorials WrapAPI: APIs for the whole web