Как очистить текст span, который индивидуален

Question

У меня есть два деления, и у меня есть несколько диапазонов, как показано ниже. Как я могу очистить этот текст диапазона

<div1>
<div2>
<Span></span>
<span unselectable="on" class="k-dropdown-wrap k-state-default k-state-hover">
<span unselectable="on" class="k-input">should clear</span>  //how to clear this text
</div2>
</div1>

Я также пытался

document.getElementById("#divid span").innerHTML="";

все еще не получаю очищается

Answer 1

И с первого Ответа вы можете попробовать задать свой второй класс div следующим образом:

<div>
  <div class="second-div">
    <span></span>
    <span data-unselectable="on" class="k-dropdown-wrap k-state-default k-state-hover">
      <span data-unselectable="on" class="k-input">should clear</span> //how to clear this text
    </span>
  </div>
</div>

А ваш javascript подобен:

  div = document.querySelector('.second-div');

  for (var i = 0; i < div.childNodes.length; i++) {      
      div.childNodes[i].innerHTML = '';
  }

Этот l oop через второй div и очистите его children

Но если у вас есть другие элементы во втором div и вы хотите очистить только промежутки, вы также можете попробовать это:

let div = document.querySelector('.second-div');
let spans = div.getElementsByTagName('span');
for (let i = 0; i < spans.length; i++) {
   spans[i].innerHTML = '';
}

Answer 2

<div1> является недействительным HTML. Нет тега <div1>. То же самое с <div2>. unselectable является недопустимым атрибутом span. Опять же, неверный HTML.

"#divid span" является недопустимым аргументом для document.getElementById(). id не может содержать пробелы.

Если ваш HTML исправлен, чтобы быть действительным (это must в любой веб-разработке), то здесь вы go:

document.querySelector('.k-input').textContent = '';

<div>
  <div>
    <span></span>
    <span data-unselectable="on" class="k-dropdown-wrap k-state-default k-state-hover">
      <span data-unselectable="on" class="k-input">should clear</span> //how to clear this text
    </span>
  </div>
</div>