HTML中的下标文本

Question

我使用以下代码编写表。现在我希望 在表格文本后面添加下标文本。如何实现？

我的代码有：

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

如何添加下标文本后跟数据？

Answer 1

您可以使用以下内容将另一个元素附加到td元素：

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

Answer 2

继续使用您正在使用的innerHTML：

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

甚至

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

对于某些JavaScript 1.0，复古好吗？

Answer 3

你可能是这个意思：

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

Answer 4

  

oCell.innerHTML = data;

如果'data'可以包含'＆lt;'或'＆amp;'人物，你刚刚犯了一个大错。相反，使用createTextNode将纯文本放入HTML：

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