자바 스크립트에서 td 값을 다시로드

Question

저는 실제로 자바 스크립트 전문가는 아니지만 많은 일을 시도했지만 제대로 작동하지 않습니다. 난 단지 클래스가 TD 태그에 값을 다시로드해야, 내 HTML 코드는 내가하고 싶은 것이 너무이

<tr> 
<td class="scFormPopupLeft"></td> 
<td class="scFormPopupContent">test info at</td> 
<td class="scFormPopupRight"></td> 
</tr> 

처럼 새로운 값으로 td 태그를 다시로드, 그래서 다른 뭔가가 있어야한다 test info at 메시지 대신, 표시 할 수 없습니다. 어떤 도움을 주시면 감사하겠습니다. 이 솔루션에

감사 :

document.querySelector(".scFormPopupContent").textContent = "Whatever you like" 

Answer 1

뿐 아니라 DOM 사용 jQuery를 사용하는 경우 ..

$(".scFormPopupContent").html('new content...'); 

Answer 2

당신이 jQuery를하지 않고 순수 JS를 원하는 경우에, 당신은 이런 식으로 그것을 할 수 있습니다 (source) :

if (!document.getElementsByClassName) { 

    document.getElementsByClassName = function (classname) { 
     var elArray = []; 

     var tmp = document.getElementsByTagName("*"); 

     var regex = new RegExp("(^|\\s)" + classname + "(\\s|$)"); 
     for (var i = 0; i < tmp.length; i++) { 

      if (regex.test(tmp[i].className)) { 
       elArray.push(tmp[i]); 
      } 
     } 

     return elArray; 

    }; 
} 

document.getElementsByClassName('scFormPopupContent')[0].innerHTML = 'replaced'; 

확인이 JSFiddle 데모를. getElementsByClassName은 클래스 이름과 일치하는 모든 요소의 배열을 반환하므로 하나 또는 루프 만 사용하여 색인을 모두 사용해야 만합니다.

편집 : jQuery로, 그냥있을 것입니다 :

$('td.scFormPopupContent').text('replaced'); 

Answer 3

을 자바 스크립트 코드에서 :

다른 옵션은 TD 태그의 ID를 설정

document.getElementsByClassName("scFormPopupContent")[0].firstChild.nodeValue = "your content value"; 

:

<td class="scFormPopupContent" id="my_td">test info at</td> 

그리고 JavaScript 코드에서 :

document.getElementsById("scFormPopupContent")[0].firstChild.nodeValue = "your content value"; 

희망 하시겠습니까?

Answer 4

당신은 like this fiddle

function ReplaceContentInTD(matchClass, content) { 

    var elems = document.getElementsByTagName('*'); 

    for (i in elems) { 
     if ((" " + elems[i].className + " ").indexOf(" " + matchClass + " ") > -1) { 
      elems[i].innerHTML = content; 
     } 
    } 
} 

ReplaceContentInTD("scFormPopupContent", "my new value");