2011-02-09 14 views
1

如何使用javascript將變量的內容寫入<td>here</td>的文本區域?我想提示用戶使用被調用的函數onclick並將它們鍵入的內容存儲到變量中,然後將保存到該變量的字符串寫入與表單/輸入/提示函數調用相同的<TD>中。如何使用javascript將一個變量的內容寫入​​的文本區域</td>?

I認爲這可以通過通過類屬性訪問列完成。 理想情況下,我希望函數是獨立和強大的,以便我可以根據類屬性將它們用於多個不同的列。

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

回答

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

我建議使用jQuery不過,更多的初學者友好的/不容易出錯。在這種情況下,這將是:

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

我可以通過函數調用傳遞元素類,例如:editDates(elementClass); function editDates(elementClass){document.getElementsByClassName('elementClass')[0] .innerHtml ='dates'; – jake 2011-02-09 21:23:57

0

安裝的mootools,然後檢查了我已經爲您創建了這個jsfiddle.net例子。任何按鈕元素(或任何此事的元素)添加「edit_button」類名稱,然後將其父表格單元格的內容更改爲來自用戶提示輸入的響應。

相關問題