HTML 요소는 종종 텍스트가 포함되어 있습니다. 당신은 또한 당신이에 추가 텍스트 노드 작성해야 텍스트 버튼을 만들려면 <button> 요소를 :
예
텍스트 버튼을 만듭니다
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>그 결과는 다음과 같습니다
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
createElement() 메소드는 지정된 이름의 엘리먼트 노드를 생성한다.
팁 : 사용 createTextNode() 텍스트 노드를 생성하는 방법을.
팁 : 요소를 만든 후 사용 요소를. appendChild() 또는 소자. insertBefore() 메소드는 문서에 삽입한다.
브라우저 지원
| 방법 | |||||
|---|---|---|---|---|---|
| createElement() | 예 | 예 | 예 | 예 | 예 |
통사론
document.createElement( nodename )매개 변수 값
| 매개 변수 | 유형 | 기술 |
|---|---|---|
| nodename | String | 필요합니다. 만들려는 요소의 이름 |
기술적 세부 사항
| 반환 값 : | 생성 요소 노드를 나타내는 요소 객체 |
|---|---|
| DOM 버전 : | 코어 레벨 1 문서 객체 |
더 예
예
크리에이트 <p> 일부 텍스트 요소 및 문서에 추가 :
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> »그것을 자신을 시도 예
크리에이트 <p> 요소와에 추가 <div> 요소 :
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" »그것을 자신을 시도