时间戳

首页 > 解决方案 > 如何清除indiv的跨度文本

html - 如何清除indiv的跨度文本

问题描述

我有两个 div，我有多个跨度，如下所示。如何清除这个跨度文本

<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="";

仍然没有被清除

标签： htmljquery

解决方案

<div1>是无效的HTML。没有<div1>标签。与 相同<div2>。unselectable是 上的无效属性span。同样，无效的 HTML。

"#divid span"是 的无效参数document.getElementById()。id不能包含空格。

将您的 HTML 更正为实际有效（这在任何 Web 开发中都是必须的），您可以在这里：

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>

推荐阅读