使用Javascript让表数据在表下显示描述

Working with Javascript to have table data display a description below the table

本文关键字:显示 描述 数据 Javascript 使用      更新时间:2023-09-26

我想有一个描述显示在div下面的表,当查看器单击表数据。这似乎在Dreamweaver和IE中工作得很好,但在Firefox或Chrome中不起作用。

脚本:

<script>
    function changeDiv() {
        var txt = "This is some text";
        document.getElementById("textArea").textContent = txt;
    }
</script>

表数据:

 <td onClick="changeDiv()" class="amHours";>

任何想法我做错了什么,如何得到这个工作?

试试这个:)

document.getElementById('textArea').innerHTML = txt;

JsFiddle似乎有一些问题,使用wc3schools进行测试。

你试图获得id "textArea"和td元素根本没有id,用以下代码替换你的td(注意:它添加了一个id "textArea"):

<td onClick="changeDiv()" id="textArea" class="amHours";>

try this

   document.getElementById("textArea").html= txt;