<td> 여기에</td>의 텍스트 영역에 변수의 내용을 쓸 수 있습니까?

변수의 내용을 <td>here</td>의 텍스트 영역에 자바 스크립트로 쓸 수 있습니까? 호출 된 함수 onclick을 사용하여 사용자가 변수에 입력 한 내용을 저장 한 다음 해당 변수에 저장 한 문자열을 양식/입력/프롬프트 함수 호출이 들어있는 것과 동일한 <TD>에 작성합니다.<td> 여기에</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>

출처

2011-02-09 jake

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

나는 훨씬 더 초보자 친화적 인/덜 오류가 발생하기 쉬운,하지만 jQuery를 사용하는 것이 좋습니다 것입니다. 이 경우는 다음과 같습니다

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

출처

2011-02-09 21:22:28 Shawn

함수 호출을 통해 요소 클래스를 전달할 수 있습니까 (예 : editDates (elementClass); function editDates (elementClass) {document.getElementsByClassName ('elementClass') [0] .innerHtml = 'dates'; – jake

메신저 보편적 인 함수 호출, 내가 계속 호출 할 수 있지만 다른 클래스의 대상으로 물론 – jake

... getElementsByClassName 배열을 반환합니다, 당신은 하나씩 for 루프를 수행 할 수 있으며 각에 innerHTML을 설정할 수 있습니다. 하지만 난 jQuery를 체크 아웃 할 것이고, 이런 종류의 일을하는 것은 정말 쉽다. – Shawn

하는 것은 다음, Mootools의 설치 내가 당신을 위해 만든이 jsfiddle.net 예를 확인하십시오. "edit_button"의 클래스 이름을 추가하는 버튼 요소 (또는 해당 요소)는 부모 테이블 셀의 내용을 사용자 프롬프트 입력의 응답으로 변경합니다.

출처

2011-02-09 22:35:00 touson

<td> 여기에</td>의 텍스트 영역에 변수의 내용을 쓸 수 있습니까?

답변

관련 문제