JavaScript substring from an element

Question

This is some simple JavaScript code I would like to implement, butit does not work.

I'm trying to get the file link inside the tag file but I think innerHTML does not work in this kind of situation, but I've given it a shot to try.

Could you guys help me with this? I know I'm missing something here.

[videoplayer id="one" file="/dir1/dir2/hi.mp4" width="333" height="333" /]


<script type="text/javascript">
var str = document.getElementById('one').innerHTML;
document.write(str.substr(0,str.length-1));
</script>

What is the [videoplayer] tag? What language are you using? — Saeed Neamati
– Saeed Neamati, Commented Dec 9, 2011 at 18:04
this is a wordpress plugin and I'm trying to extract the link automatically for every video. — Sobiaholic
– Sobiaholic, Commented Dec 9, 2011 at 18:10

RightSaidFred · Accepted Answer · 2011-12-09 18:26:28Z

4

Use getAttribute() to retrieve the value of the file attribute.

var str = document.getElementById('one').getAttribute('file');

alert( str );

Probably a good idea to also make sure the element was found:

var el = document.getElementById('one');

if( el ) {

    alert( 'Element was found!' );

    var str = el.getAttribute('file');

} else {

    alert( 'NO element was found' );

}

alert( str );

edited Dec 9, 2011 at 18:26

answered Dec 9, 2011 at 18:03

RightSaidFred

11.3k38 silver badges36 bronze badges

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

8 Comments

Sobiaholic Over a year ago

wow fast answer! this is my first time seeing something called getAttribute() let me try it Thanks!

RightSaidFred Over a year ago

@iMohammad: You're welcome. You could also try .file instead of .getAttribute('file'), but I don't know if that attribute shows up as a property.

Sobiaholic Over a year ago

I just tried it, still it does not extract and print the link. Kindly Could you try the code for me?

RightSaidFred Over a year ago

@iMohammad: Did you use an alert() instead of document.write? Also did you try my updated answer? Place another alert() inside the if() statement to make sure an element was found. There really isn't much information to work from in your question.

RightSaidFred Over a year ago

@AdamRackis: Good idea. I should really be more productive right now. :)

|

Blender · Accepted Answer · 2011-12-09 18:03:50Z

2

You use the getAttribute function:

var str = document.getElementById('one').getAttribute('file');

innerHTML only works if there is HTML code inside of the tags:

<foo>
  Hello!
</foo>

But that is not the case for you.

answered Dec 9, 2011 at 18:03

Blender

300k55 gold badges462 silver badges512 bronze badges

Collectives™ on Stack Overflow

JavaScript substring from an element

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related