Как очистить содержимое в тегах, при клике на другой тег?

Question

[svilkov87]

Добрый день!

<p class="p1">содержимое1</p>
<p class="p2">содержимое2</p>
<div class="dlock">просто блок</div>

<span сlass="delete_content">я очищаю контент p1 и p2</span>

https://jsfiddle.net/svilkov87/o8zth13x/1/
Как при клике на span очистить содержимое .p1 и .p2( не удалить теги, а очистить текст)?

Спасибо.

Answer 1

[poymanov]

https://jsfiddle.net/9qu17v1m/1/

Answer 2

[Sergei Nazarenko]

https://jsfiddle.net/nazares/o8zth13x/2/

Answer 3

[GreatRash]

someElement.innerHTML = '';

Answer 4

[Кузьмина Мария]

На jquery:

$('.delete_content').click(function() {
     $('.p1, .p2').html('');
});

Comments

[GreatRash]

$('.delete_content').click(function() {
     $('.p1, .p2').empty();
});

[Кузьмина Мария]

Да, так даже лучше, написано, что работает быстрее.