Удалитьв JavaScript?

Question

Как я могу удалить этот тег <p> со всем его содержимым в javascript?

скажи, что у меня есть этот HTML-код

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

Теперь мне нужно заменить / удалить его в javascript, кто-нибудь знает, как я могу его удалить?

Answer 1

Если вы не хотите менять разметку: самый простой способ - использовать библиотеку. например с JQuery:

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

В противном случае вам нужно получить ссылку на элемент, а затем:

el.parentNode.removeChild(el);

Получение ссылки на элемент - сложная часть. Некоторые браузеры реализуют getElementsByClassName , но вам придется написать собственную или использовать стороннюю реализацию для остальных.

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

Если вы хотите изменить разметку, присвойте элементу идентификатор и используйте document.getElementById, чтобы получить ссылку на него.

Answer 2

Если вам придется делать это в простом javascript, это будет болезненно из-за Internet Explorer, который не поддерживает 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, prototype, dojo и т. Д.

Answer 3

Попробуйте это:

<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');

С JQuery, если хотите

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