이것이 임의의 HTML을 페이지에 추가할 수 있는 방법입니다. 마지막 줄 (*)에서 우리는 문서 조각 조각을 추가하지만, 그것은 « 에 혼합 », 그래서 결과 구조가 될 것입니다 : 추가() – HTML, jQuery 및 DOM 삽입 응용 프로그램과 콘텐츠를 삽입합니다. 위의 방법 중 하나를 사용하여 부속하려는 노드를 찾은 후에는 새 노드를 부화할 위치를 결정해야 합니다. 예를 들어 새 텍스트 노드를 « myDiv »의 ID로 div끝에 추가하려면 예제: 이 예제에서는 addend() 함수를 사용하여 입력 배열의 끝에 값을 추가합니다. 노드에, 그것은 만들어진 후 하지만 추가 되기 전에 (우리는 나중에 그것을 추가 하는 방법을 설명 합니다). 다음은 이러한 메서드를 사용하여 목록에 항목을 더 추가하고 이전 또는 이후의 텍스트를 추가하는 예제입니다. table.remove() 텍스트 « aaa »를 삭제하지 않는 이유는 무엇입니까? 예를 들어, 아래 getListContent는 나중에
- 삽입되는
- 항목이 있는 조각을 생성합니다: DocumentFragment는 명시적으로 거의 사용되지 않습니다. 대신 노드 배열을 반환할 수 있다면 특별한 종류의 노드에 추가해야 하는 이유는 무엇입니까? 다시 작성된 예제: 로드가 완료되기 전에 페이지에 HTML을 더하기: 이제 .append(…) 정렬된 Rows)를 참조하십시오. 먼저 텍스트 노드를 만들고 txt라는 변수에 저장하는 방법을 확인합니다. 그런 다음 (document.getElementById를 사용하여) 부속하려는 노드를 찾은 다음 해당 appendChild() 메서드를 사용하여 DIV에 새 자식을 보겠습니다. 모든 노드는 텍스트 노드뿐만 아니라 appendChild()에 대한 유효한 매개 변수입니다. 기본 을 알고 나면 얼마나 쉬운지 보여주기 위해 텍스트 노드를 사용했습니다.
2 줄에서 DIV에 새 텍스트를 추가했습니다! DIV의 끝에 새 텍스트를 추가하는 작업 예제는 다음과 같습니다.append() 메서드는 jQuery 컬렉션에서 각 요소의 마지막 자식으로 지정된 내용을 삽입합니다(첫 번째 자식으로 삽입하려면 .prepend()를 사용합니다). 우리가 childNodes[1]를 사용하는 첫 번째 예는 왜 두 번째 자녀를 반환합니까? 모든 JavaScript와 마찬가지로 이러한 속성은 0을 사용하여 첫 번째 자식 노드를 나타내고 1은 두 번째 노드를 나타내는 등입니다. 위의 예제에서는 « mypage.htm »()을 가리키는 링크를 만듭니다. 원하는 노드의 이름을 지정할 수 있습니다. 또한 원하는 속성에 속성을 설정할 수 있습니다. 예를 들어 위의 태그에 NAME 특성을 추가하려면 문서에 새 요소를 추가하는 것은 매우 논리적입니다. 첫 번째 단계는 부속하려는 노드(요소)를 만드는 것이고, 다음 단계는 문서 내에서 부가할 위치를 찾는 것이고, 마지막 단계는 실제로 부속을 수행하는 것입니다. 노드는 DOM에서 텍스트 또는 태그와 해당 특성을 나타내는 것으로 이 자습서에서 자주 참조됩니다. 노드를 만들기 위한 구문은 매우 간단합니다 – 문서 개체의 메서드만 호출합니다.