Welcome to WebmasterWorld Guest from 54.80.115.140

This page requires javascript to function properly. It seems that your browser does not have Javascript enabled. Please enable Javascript and press the Reload/Refresh button on your browser.

Forum Moderators: open

Message Too Old, No Replies

CreateElement and setAttribute at same time?

Is there syntax for doing both these operations in a single line of code?

New User

joined:May 3, 2007
posts: 27
votes: 0

This is admittedly trivial, but it seems in theory that it would be possible. Consider this code:


<script>
var myscript = document.createElement("script");
myscript.setAttribute("src", url);
</script>

Is there a way to concatenate both of these operations into a single "statement," like this:


<script>
var myscript = (document.createElement("script")).setAttribute("src", url);
</script>

This doesn't work of course, with or without the added parentheses, but I'm thinking there must be a way to do it.

Senior Member from US

fotiman is a WebmasterWorld Top Contributor of All Time

joined:Oct 17, 2005
posts: 5015
votes: 24

createElement returns an Element.
setAttribute does not have a return value.

I don't think there's much value in doing it, but you could do something like this:

var myscript;
(myscript = document.createElement("script")).setAttribute("src", url);

You couldn't chain additional methods, though, since setAttribute has no return value.

Fotiman

1:33 pm on Apr 17, 2013 (gmt 0)

Senior Member from US

joined:Oct 17, 2005
posts: 5015
votes: 24

Note, jQuery (for example) handles this by always returning a jQuery object (which has all of the methods available). But because the DOM method setAttribute doesn't return a value, you'll never be able to chain that and then try to assign the result to a variable.