왜 내 수업 단락은 자바 스크립트의 단락 요소 <P>를 </ P>을 제작되지 않는 이유는 무엇입니까?

퍼센트 인 존 :

내가 JS에 다음 코드 조각이 :

class Paragraph {
  constructor(text) {
    this.text = text;
    this.createParagraph();
  }
  createParagraph() {
    var paragraph = document.createElement('p');
    var p = paragraph.appendChild(document.createTextNode(this.text));
    return p;
  }
}

var a = new Paragraph("a"); // <p>a</p> This is the result I want, which I'm  not getting
console.dir(a);

내가 VAR A를 통해 전술 한 내용 = 새 단락을 만들 수 있어야합니다 ( "A"); 하지만 왜, 캔 누군가의 도움을 작동하지?

로리 McCrossan :

두 가지 문제가있다. 첫째 createParagraph()을 반환 할 필요가 paragraph없는, p즉 포함으로 , 추가 된 자식 요소를 텍스트 노드의이 경우,.

두 번째 생성자는 반환 할 필요가 p에서 만든 createParagraph(). 이 시도:

class Paragraph {
  constructor(text) {
    this.text = text;
    return this.createParagraph();
  }
  createParagraph() {
    var paragraph = document.createElement('p');
    paragraph.appendChild(document.createTextNode(this.text));
    return paragraph;
  }
}

var newPara = new Paragraph("Lorem ipsum");
document.body.appendChild(newPara);
console.dir(newPara);