Подстрочный текст в 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

Просто продолжайте использовать внутренний HTML, который вы используете:

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

Или даже

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

для некоторого JavaScript 1.0, ретро хорошо?

Answer 3

oCell.innerHTML = data;

Если «данные» могут содержать символы «<» или «&», вы только что совершили ошибку. Вместо этого используйте createTextNode, чтобы поместить простой текст в HTML: </p>

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

Answer 4

Вы можете иметь в виду это:

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