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

时间:2013-03-15 01:00:40

标签: javascript html-table

当观看者点击表格数据时,我希望在表格下面的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";>

任何想法我做错了什么以及如何使这个工作?

3 个答案:

答案 0 :(得分:1)

试试这个:)

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

JsFiddle似乎有一些问题,用wc3schools来测试。

答案 1 :(得分:0)

你试图获取id“textArea”并且td元素根本没有id,用这段代码替换你的td(注意:它添加了一个id“textArea”):

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

答案 2 :(得分:0)

试试这个

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