how to get a div values and split it to array in javascript

Question

there is a div with some values like this:

<div id="links">
<link1>||<link2>||<link3>
</div>

i know in javascript we can make an array of a string with str.split("||"); but my problem is i can't define a variable for some reasons in this case, i just need to get values of div block like a var,but i don't know how, i need something like this from above block:

var str = '<link1>||<link2>||<link3>';

first i need a string then i need to make an array of it! so finally i need array. — Vahid
– Vahid, Commented Jun 12, 2012 at 18:22

Paul · Accepted Answer · 2012-06-12 18:09:21Z

3

Fetch the innerHTML from your div and then trim it by removing spaces at the begining and end of your string:

var str = document.getElementById('links').innerHTML.
            replace(/^\s*/, '').replace(/\s*$/, '');

Then you can go ahead and do:

var arr = str.split("||");

answered Jun 12, 2012 at 18:09

Paul

142k28 gold badges285 silver badges272 bronze badges

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

2 Comments

Vahid Over a year ago

thanks a lot all gays, it worked! but also i need to delete last || because my links come from a weblog system and this link system is auto, links are like this: link1||link2||link3|| please help me to solve this problem too. thank you again

Paul Over a year ago

@Vahid You can strip off the last || at the same time as the trailing spaces just by changing /\s*$/ to /\|\|\s*$/ :)

trumank · Accepted Answer · 2012-06-12 18:32:56Z

2

How's this?

var array = document.getElementById('links').innerHTML.trim().split('||');

If you only want a string, use this:

var str = document.getElementById('links').innerHTML.trim();

edited Jun 12, 2012 at 18:32

answered Jun 12, 2012 at 18:13

trumank

2,7943 gold badges23 silver badges31 bronze badges

4 Comments

Paul Over a year ago

+1 - This is the same as my answer with the difference that it will be slightly faster on browsers that support trim but won't work on non-modern browsers without a shim.

trumank Over a year ago

What browsers do not support it?

Paul Over a year ago

Almost any browser that wasn't released in the last couple of years. The most popular browser that doesn't support it is probably IE 8.

trumank Over a year ago

Thanks for the catch. I was thinking 'innerHTML', but never typed it. :P

Collectives™ on Stack Overflow

how to get a div values and split it to array in javascript

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related