Javascript에서 <p class = "classname">을 (를) 삭제 하시겠습니까?

Question

어떻게이 <p> 태그를 자바 스크립트의 모든 콘텐츠와 함께 삭제할 수 있습니까?

는 사람이 내가 그것을 제거 할 수있는 방법을 알고 않습니다 내가/대체 자바 스크립트를 제거해야 지금이 html 코드

<p class="classname"> 
    <input name="commit" value="Get Value" type="submit"> <span>or Cancel</span> 
</p> 

이 있다고?

Answer 1

을 원하는 경우에 당신이하지 않는이 때문에 인터넷 익스플로러의 고통스러운 수 있습니다 자바 스크립트 일반에 그것을 할 수있는 경우 getElementsByClassName() 지원 (최신 버전일까요?)

var elems = document.getElementsByTagName('p'); 
var elemsLenght = elems.lenght; 
for (var i = 0; i < elemsLenght; ++i) { 
{ 
    if (elems[i].className == 'classname') 
    { 
     elems[i].innerHTML = ''; 
    } 
} 

하지만, 등 jQuery를, 프로토 타입, 도장, 같은 라이브러리/프레임 워크 ..

Answer 2

마크 업을 변경하지 않으려는 경우 : 가장 쉬운 방법은 라이브러리를 사용하는 것입니다. 예 : jQuery를 함께 : 요소에 대한 참조가 까다로운 부분입니다 얻기

el.parentNode.removeChild(el); 

:

jQuery('.classname').remove(); 

그렇지 않으면, 당신은 다음 요소에 대한 참조를 얻을 필요가있다. 일부 브라우저는 getElementsByClassName을 구현하지만 일부는 독자적으로 작성하거나 나머지는 제 3 자 구현을 사용해야합니다.

if (!document.getElementsByClassName) { 
    document.getElementsByClassName = function (className) { 
     /* ... */ 
    } 
} 

당신이 다음 마크 업을 변경할 요소에게 ID를 부여하고 그에 대한 참조를 가져 document.getElementById를를 사용하고자하는 경우.

Answer 3

이 시도 : jQuery로

<p id="someid"> 
    <input name="commit" value="Get Value" type="submit"> <span>or Cancel</span> 
</p> 

function removeElement(id) { 
    var d = document.getElementById('myDiv'); 
    var olddiv = document.getElementById(id); 
    d.removeChild(olddiv); 
} 


removeElement('someid'); 

당신이

$('p.classname').remove();