如何使用 javascript 将变量的内容写入 <td>here</td> 的文本区域？答案

【问题标题】：How can I write the contents of a variable into the text area of a <td>here</td> with javascript?如何使用 javascript 将变量的内容写入 <td>here</td> 的文本区域？
【发布时间】：2011-06-24 10:43:12
【问题描述】：

如何使用 javascript 将变量的内容写入 <td>here</td> 的文本区域？我想使用被调用函数 onclick 提示用户并将他们输入的内容存储到变量中，然后将保存到该变量的字符串写入表单/输入/提示函数调用所在的 <TD>。

我认为这可以通过通过类属性访问列来完成。理想情况下，我希望函数是独立且健壮的，以便我可以根据类属性将它们用于几个不同的列。

<html>

<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>asdfsadf</title>


</head>

<body bgcolor="#000088">

<script type="text/javascript">
function editDates()
{
    var dates = prompt("Fill in date(s) of absence", 
                        "Example: Travel 1/7 - 2/10");
    document.write.
}
</script>

<table class="mainTable" cellspacing="0" border="1" 
                         cellpadding="1" width="100%" height="100%">
    <tr>
        <td>name</td><td class="r1c1">

            <form method="link" action="index.html" onClick="editDates();">
            <input type="button" name="submit" value="Edit"/></form>
            </td></tr></body></html>

【问题讨论】：

标签： javascript html class html-table document.write

【解决方案1】：

安装 mootools，然后查看我为您创建的 jsfiddle.net 示例。您添加“edit_button”类名的任何按钮元素（或任何相关元素）都会将其父表格单元格的内容更改为来自用户提示输入的响应。

【讨论】：

【解决方案2】：

document.getElementsByClassName('yourClass')[0].innerHTML = 'the content';

我还是推荐使用 jQuery，它对初学者更友好/更不容易出错。在这种情况下，它将是：

$('td.yourClass').html('the content');

【讨论】：

我可以通过函数调用传递元素类吗，例如：editDates(elementClass);函数 editDates(elementClass){document.getElementsByClassName('elementClass')[0].innerHtml = 'dates';
我正在寻找一个通用的函数调用，我可以继续调用但目标不同的类
当然... getElementsByClassName 返回一个数组，您可以对每个数组执行 for 循环并在每个数组上设置 innerHTML。但我会去看看 jQuery，做这种事情真的很容易