javascript - 如何在标签中获取值

Question

<td id="hello"> OPD </td>

在我的 html 页面上，这就是我在 tr 中获取 td 标记的方式。

我想在 java 脚本变量中获取值“OPD”。

var td1 = document.getElementById("hello");

我可以通过对 td1 执行任何操作来获取此值吗？

有没有其他方法可以做到这一点。请帮忙

Answer 1

td1.innerHTML

应该管用。内部HTML

Answer 2

var td1 = (document.getElementById("hello")).innerHTML;

或者

var td1 = ((document.getElementById("hello")).innerHTML).trim();

Answer 3

做这件事有很多种方法：

• 您要么使用DOM-Shim，要么使用以下内容：

  var td1 = document.getElementById('hello').textContent
  

• 或者您不想使用垫片，那么您必须使用以下内容（感谢 IE）：

  var hello = document.getElementById('hello'),
      td1
  if ('textContent' in hello) {
      td1 = hello.textContent // Standard way
  }
  else {
      td1 = hello.innerText // IE way
  }
  

• 或者你使用 jQuery：

  var td1 = $('#hello').text()
  

但是，不要使用innerHTML。由于许多原因，这很糟糕。

Answer 4

如果您对 jQuery 答案感兴趣...

var tdText = $('#hello').text();

或者

var tdTextTrimmed = $.trim($('#hello').text());