자바 스크립트, DOM :에 appendChild와는 TextContent

Question

나는 모질라 디렉토리에 파이어 폭스 애드온를 제출하고 그것은 이것 때문에 거부 :

item.innerHTML = '<table style="border-collapse: collapse; width: 100%;">' 
        + '<tr><td style="line-height: inherit; padding: 0pt; width: 100%;">' 
        + word.title 
        + '</td></tr>' 
        + '</table>'; 

내가 편집자에게 말씀 그는 나에게 말한다에 "use a text node and then insert it using appendChild, textContent, etc"

저에게 총 횡설수설처럼 들리는데, 나는 결코 TextContent, appendChild 등을 사용하지 않았으며 조금 손실되었습니다. 위의 작업을 수행하는 방법을 보여 줄 수 있고 위 스크립트와 같은 다른 인스턴스 13 개를 편집 할 수 있습니까?

감사합니다.

Answer 1

당신은 아마이 라인을 따라 뭔가를해야합니다

var t = document.createElement("table"), 
    tb = document.createElement("tbody"), 
    tr = document.createElement("tr"), 
    td = document.createElement("td"); 

    t.style.width = "100%"; 

    // note the reverse order of adding child   
    tr.appendChild(td); 
    tb.appendChild(tr); 
    t.appendChild(tb); 

    // more code to populate table rows and cells 
    item.appendChild(t); 

참고 : 일이 브라우저 사이에서 다르게 작동으로 테이블이 방법을 만드는주의 사항이 있습니다. 나는 FF에 관하여 확실히 MDN 상담을 제안 할 것입니다.

Answer 2

그는 프로그래밍 방식으로 HTML로 자바 스크립트를 작성하기를 원합니다. read of this post을 가져 가면 문제가 해결됩니다. 자세한 정보가 필요하면 의견을 게시하십시오.

Answer 3

innerHTML을 사용하는 대신 DOM을보다 직접 변경하는 기능을 사용하기를 원합니다. AppendChild

지정된 부모의 자식 목록 끝에 노드를 추가합니다. 노드. 노드가 이미이 현재 부모 노드에서 제거되어있는 경우, 새로운 부모 노드

https://developer.mozilla.org/En/DOM/Node.appendChild에 추가됩니다. 그것의 형식은 다음과 같습니다 인스턴스에서 var child = element.appendChild(child);

은 내가 할 것이다 : 당신이 innerHTML을 사용하려고 한 곳 locationInDom이

var newText = document.createTextNode(word.title); 
locationInDom.appendChild(newText); 

입니다. innerHTML이 테이블에 들어가면 특정 기존 컬럼에 id를 추가하고 getElementById 메소드를 사용하여 그 시점에서 추가하십시오.