Question

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

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

<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>

Answer 1

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

我建议使用jQuery，更加初学者友好/不易出错。在那种情况下，它将是：

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

Answer 2

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

如何使用javascript将变量的内容写入此处的文本区域？

2 个答案: