string concatenation using javascript [closed]

Question

I'm trying to build a HTML string in the following way:

htmlString = '<html>';
var headerString = "image1";
var sImage = "Android_images/"+headerString+".png";
htmlString += '<img src='+sImage+' />';
htmlString = '</html>';

I need to dynamically append a image string, but it shows:

<img src=Android_images/dfdfd.png />

What exactly you mean by image string? Is it the img element? — me_digvijay
– me_digvijay, Commented Apr 30, 2013 at 6:02

Blender · Accepted Answer · 2013-04-30 06:00:38Z

8

You're re-setting the variable on this last line:

htmlString = '</html>';

Add a + and it'll work:

var htmlString = '<html>';
var headerString = "image1";
var sImage = "Android_images/" + headerString + ".png";
htmlString += '<img src="' + sImage + '" />';
htmlString += '</html>';

Also, why are there <html> tags here?

answered Apr 30, 2013 at 6:00

Blender

300k55 gold badges462 silver badges511 bronze badges

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

1 Comment

vishnu Over a year ago

i am building webview for titanium

MervS · Accepted Answer · 2013-04-30 06:00:55Z

2

Try:

var htmlString = '<html>';
var headerString = "image1";
var sImage = "Android_images/"+headerString+".png";
htmlString += '<img src="'+sImage+'" />';
htmlString += '</html>';

answered Apr 30, 2013 at 6:00

MervS

5,9223 gold badges26 silver badges39 bronze badges

Comments

user554180 · Accepted Answer · 2013-04-30 05:57:17Z

0

var htmlString = '<html>';

htmlString += '</hmtl>';

answered Apr 30, 2013 at 5:57

user554180

Comments

Borniet · Accepted Answer · 2013-04-30 05:58:45Z

0

You haven't defined htmlString as a variable before you started using it:

var htmlString = '<html>';

answered Apr 30, 2013 at 5:58

Borniet

3,5564 gold badges26 silver badges33 bronze badges

Comments

Zaheer Ahmed · Accepted Answer · 2013-04-30 06:00:15Z

0

you should always use var.

Not using var has two major drawbacks:

Accessing a variable within a function that is not defined within that function will cause the interpreter to look up the scope chain for a variable with that name until either it find one or it gets to the global object (accessible in browsers via window) where it will create a property. This global property is now available everywhere, potentially causing confusion and hard-to-detect bugs;
Accessing an undeclared variable will cause an error in ECMAScript 5 strict mode.

Working Perfectly here and in last line you should use +=:

htmlString += '</html>';

answered Apr 30, 2013 at 6:00

Zaheer Ahmed

28.7k12 gold badges77 silver badges113 bronze badges

Comments

Ripa Saha · Accepted Answer · 2013-04-30 06:08:46Z

0

use below code

var htmlString = '<html>';
var headerString = "image1";
var sImage = "Android_images/"+headerString+".png";
htmlString += '<img src="'+sImage+'" />';
htmlString += '</html>';

"htmlString" will contain below output

<html><img src="Android_images/image1.png" /></html>

think it will help you.

answered Apr 30, 2013 at 6:08

Ripa Saha

2,5406 gold badges29 silver badges54 bronze badges

Collectives™ on Stack Overflow

string concatenation using javascript [closed]

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Linked

Related