【问题标题】:How do I insert text in first table row with Javascript in Limesurvey如何在 Limesurvey 中使用 Javascript 在第一个表格行中插入文本
【发布时间】:2021-06-10 03:01:17
【问题描述】:

我需要在表格的最左侧第一行插入文本,该表格在 Limesurvey 中属于矩阵问题类型。

这在管理面板中最初是不可能的。我已经想出插入 javascript 代码。

不幸的是,检查表时,第一行既没有类也没有 id 来直接选择它。

这就是我设法在<thead> 中获得第一个<td> 的方法:

<script type="text/javascript" charset="utf-8">

    $(document).ready(function() {
      console.log("test");
        //Seleccionar la tabla correspondiente
        var t = document.querySelector('[aria-labelledby="ls-question-text-852216X2X7"]');
      d = t.getElementsByTagName("tr")[0],
      r = d.getElementsByTagName("td")[0];
      var td = $(t).find("thead td").eq(0).children().first();
      console.log(td);
      //td.innerHTML = "mytext";
    });
</script>

但是,我不知道如何在该单元格中插入文本。我尝试了innerHTML() 功能,但它不起作用。

console.log(td) 的结果是以下对象:

Object { length: 0, prevObject: {…} }
​
length: 0
​
prevObject: Object { length: 0, prevObject: {…} }
​​
length: 0
​​
prevObject: Object { 0: td
, length: 1, prevObject: {…} }
​​​
0: <td class="">
​​​
length: 1
​​​
prevObject: Object { 0: td, length: 1, prevObject: {…} }

从该对象中,我看到了感兴趣的元素:0: &lt;td class=""&gt;,那么如何在此处插入所需的文本?

  • 我错过了什么?
  • 如何插入该文本?

已解决

感谢@wazz,我可以解决它。

所以我选择了表格:

var t = document.querySelector('[aria-labelledby="ls-question-text-852216X2X7"]');

然后我终于插入了文字:

t.rows[0].cells[0].innerHTML = "text";

【问题讨论】:

  • 你确定你得到一个单元格吗?
  • @wazz 是的,但我得到了一个巨大的物体。

标签: javascript html limesurvey


【解决方案1】:

我不知道您的桌子上是否有 ID(我认为是var t。)如果有,应该简单明了。这行得通吗?

document.getElementById("myTable").rows[0].cells[0].innerHTML = "text";

获取第一行的第一个单元格。如果有表头,会得到表头的第一个单元格(包括表头),所以根据需要调整行。

【讨论】:

  • 在这种情况下,该表没有任何id。我可以选择它的唯一方法是通过var t = document.querySelector('[aria-labelledby="ls-question-text-852216X2X7"]'); 属性。因此,根据您的回答,我将其改编为:var t = document.querySelector('[aria-labelledby="ls-question-text-852216X2X7"]'); 然后t.rows[0].cells[0].innerHTML = "text";
  • 对,我想。所以你有表,上面的代码有效吗?您将使用t.rows[0].cells[0].innerHTML。编辑:只需击败我进行编辑。好!
猜你喜欢
  • 2013-08-22
  • 2021-01-17
  • 2011-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-09
  • 2018-10-14
相关资源
最近更新 更多