JavaScript Dom 删除文本的操作

Question

我想从下面的 html 代码中删除 ?w=150" class="courseimg">。

<td class="ninja_column_0 ninja_clmn_nm_uploadaheadshotofyou footable-first-visible" style="display: table-cell;">
  <img id="courseimg" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80" softmerge-inner"="" style="width: 260px; left: -1px;" class="courseimg">?w=150" class="courseimg"&gt;
  <h2 class="entry-title" id="title">Jane Doe</h2>
  <div class="course-meta">
    <h4 id="fullname">by person Name</h4>
    <h5><small>Category:</small> Art/Interior design<br><small>Language:</small> Czech</h5>
  </div>
</td>

网站上有几个 HTML 节点，所以我想将它们全部删除。我试过使用 querySelector 到 select 内部 HTML 然后尝试操纵它但它不起作用。我做错了什么？也许类型转换是这里的问题？

Js fiddle 这个问题：jsfiddle

只需使用 javascript.

删除图像 ?w=150" class="courseimg"> 上的多余文本

Answer 1

不确定它是否对您有帮助，但看起来您在这里 <img id="courseimg" src="url" softmerge-inner"="" 遇到了麻烦，属性 softmerge-inner 在 =.

之前有不必要的双引号

Answer 2

试试这个：

document.getElementById('courseimg').nextSibling.textContent="";

或者，要删除所有这些：

document.querySelectorAll('.courseimg').forEach(f=>f.nextSibling.textContent="");

另请注意，在您的示例中引号不匹配

JavaScript Dom 删除文本的操作

JavaScript Dom Manipulation to remove text

html

javascript

dom

dom-manipulation