>  기사  >  웹 프론트엔드  >  네이티브 js는 지정된 element_javascript 기술 끝에 콘텐츠를 추가하는 기능을 구현합니다.

네이티브 js는 지정된 element_javascript 기술 끝에 콘텐츠를 추가하는 기능을 구현합니다.

WBOY
WBOY원래의
2016-05-16 17:37:371923검색
코드 복사 코드는 다음과 같습니다.

var header1 = document.getElementById("header");
var p = document.createElement("p"); // 요소 노드를 생성합니다.
insertAfter(p, header1); // js에는 지정된 요소에 직접 추가하는 메서드가 없기 때문에 메소드를 직접 생성하려면
function insertAfter( newElement, targetElement ){ // newElement는 추가할 요소입니다. targetElement는 지정된 요소의 위치입니다.
var parent = targetElement.parentNode // 부모 노드를 찾습니다. the selected element
if( parent.lastChild == targetElement ){ // 지정된 요소가 노드의 마지막 위치인지 확인합니다. 그렇다면 AppendChild 메서드를 직접 사용합니다.
parent.appendChild( newElement, targetElement ) ;
}else{
parent.insertBefore( newElement, targetElement.nextSibling )
};
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.