Как я могу записать содержимое переменной в текстовую область <td>здесь </td> с помощью JavaScript? - PullRequest
Новая
       2

Как я могу записать содержимое переменной в текстовую область <td>здесь </td> с помощью JavaScript?

1 голос
/ 10 февраля 2011

Как я могу записать содержимое переменной в текстовую область <td>here</td> с помощью JavaScript?Я хотел бы предложить пользователю использовать вызываемую функцию onclick и сохранить введенное им значение в переменную, а затем записать строку, сохраненную в этой переменной, в тот же <TD>, в котором находится вызов функции form / input / prompt.

Я думаю, что это можно сделать, открыв столбец через атрибут класса.В идеале я хотел бы, чтобы функции были независимыми и устойчивыми, чтобы я мог использовать их для нескольких различных столбцов на основе атрибутов класса.

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

Ответы [ 2 ]

4 голосов
/ 10 февраля 2011 
document.getElementsByClassName('yourClass')[0].innerHTML = 'the content';

Я бы порекомендовал использовать jQuery, гораздо более удобный для начинающих / менее подверженный ошибкам.В этом случае это будет: 

$('td.yourClass').html('the content');
0 голосов
/ 10 февраля 2011

Установите mootools, а затем ознакомьтесь с примером jsfiddle.net , который я создал для вас. Любой элемент кнопки (или любой другой элемент), к которому вы добавите имя класса «edit_button», затем изменит содержимое ячейки родительской таблицы на ответ от ввода приглашения пользователя.

...