using the html code in the javascript

Question

<body>
     <script type="text/javascript">
         var a="sreedhar";
         <input type="text" value="abc">
     </script>
</body>

It gives the syntax error. can't we use "html tags" directly in "javascript".

My eyes! Aaaagh :) Just kidding. Between <script> and </script> the only thing allowed is the scripting language you are using. Could you provide a more accurate question? What do you want? — Carlos
– Carlos, Commented Oct 11, 2013 at 12:16

VisioN · Accepted Answer · 2013-10-11 12:12:49Z

1

No, you can't use them directly in JavaScript.

However you may treat them as strings:

var str = '<input type="text" value="abc">';

or as DOM elements:

var input = document.createElement('input');
input.type = 'text';
input.value = 'abc';

And then append to the markup, e.g. document.body.appendChild(input);.

answered Oct 11, 2013 at 12:12

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

Comments

user2869880 · Accepted Answer · 2013-10-11 12:13:55Z

0

Usually a well formated hmtl with javascript looks like this.

<HTML>
<HEAD>
        <script type="text/javascript">
              var a="sreedhar";
        </script>
</HEAD>    
<BODY>
        <input type="text" value="abc">
</BODY>
</HTML>

answered Oct 11, 2013 at 12:13

user2869880

Comments

Awais Qarni · Accepted Answer · 2013-10-11 12:14:55Z

0

If you want to generate some html with javascript then assign it as a string to some variable.

For example you have a div having id='abc' and you want to generate a textbox in this div then you need to do like this

  <script type="text/javascript">
   var textbox = '<input type="text" value="abc">';
   $('#abc').append(textbox);
  </script>

answered Oct 11, 2013 at 12:14

Awais Qarni

18k25 gold badges80 silver badges145 bronze badges

Comments

CoursesWeb · Accepted Answer · 2013-10-11 12:16:26Z

0

Maybe you want this:

<script type="text/javascript">
var a="sreedhar";
document.write('<input type="text" value="abc">');
</script>
</BODY>

answered Oct 11, 2013 at 12:16

CoursesWeb

4,2573 gold badges24 silver badges27 bronze badges

Comments

mRaza · Accepted Answer · 2013-10-11 12:17:09Z

0

<html>
 <head>
  <title> New Document </title>
  <script type="text/javascript">
     //put javascript function here

  </script> 
 </head>

 <body>
     <input type="text" value="abc">
 </body>
</html>

You can use html element inside the javascript using element id.

answered Oct 11, 2013 at 12:17

mRaza

752 silver badges8 bronze badges

Collectives™ on Stack Overflow

using the html code in the javascript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related