Subscript text in HTML

Question

I am using the following code to write the table. Now I wish to add subscript text after the table text. How can it be achieved?

My code has:

  oCell = document.createElement("TD");
  oCell.innerHTML = data;
  oRow.appendChild(oCell);

How do I add a subscript text followed by the data?

Please make clear what you mean. HTML table syntax can be found here: w3.org/TR/html401/struct/tables.html — schnaader
– schnaader, Commented Jan 16, 2009 at 13:46

Gumbo · Accepted Answer · 2009-01-16 13:45:37Z

3

You can use the following to append another element to the td element:

var newElem = document.createElement("sub");
newElem.appendChild(document.createTextNode("foobar"));
oCell.appendChild(newElem);

answered Jan 16, 2009 at 13:45

Gumbo

657k112 gold badges792 silver badges852 bronze badges

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

Comments

Peter Mortensen · Accepted Answer · 2014-07-18 18:09:22Z

1

Just carry on with the innerHTML you're using:

oCell.innerHTML = data+'<br /><sub>'+subText+'</sub>';

Or even

oCell.innerHTML = data+'<br />'+subText.sub();

for some JavaScript 1.0, retro good?

edited Jul 18, 2014 at 18:09

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Jan 16, 2009 at 13:58

meouw

42.1k11 gold badges55 silver badges69 bronze badges

Comments

dee-see · Accepted Answer · 2014-07-18 18:12:28Z

0

You may mean this:

oCell = document.createElement("TD");
oSub = document.createElement("sub");
oSub.innerHTML = data;
oCell.appendChild(oSub);
oRow.appendChild(oCell);

edited Jul 18, 2014 at 18:12

dee-see

24.1k6 gold badges63 silver badges92 bronze badges

answered Jan 16, 2009 at 13:48

Norbert B.

5,7284 gold badges28 silver badges30 bronze badges

Comments

bobince · Accepted Answer · 2009-01-16 16:38:04Z

0

oCell.innerHTML = data;

If 'data' can contain '<' or '&' characters, you've just done a blunder. Instead, use createTextNode to put plain text into HTML:

oCell.appendChild(document.createTextNode(data));
oCell.appendChild(document.createElement('sub')).appendChild(document.createTextNode(subdata));

answered Jan 16, 2009 at 16:38

bobince

538k111 gold badges675 silver badges846 bronze badges

Collectives™ on Stack Overflow

Subscript text in HTML

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related