JavaScript Dom 操作以删除文本答案

【问题标题】：JavaScript Dom Manipulation to remove textJavaScript Dom 操作以删除文本
【发布时间】：2021-02-15 19:26:14
【问题描述】：

我想从下面的 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 选择内部 HTML，然后尝试对其进行操作，但它不起作用。我做错了什么？也许类型转换是这里的问题？

这个问题的Js小提琴：jsfiddle

只需使用 javascript 删除图像 ?w=150" class="courseimg"> 上的多余文本即可。

【问题讨论】：

是的。已知问题。你能放一个jsfiddle吗？让我试着纠正这个
jsfiddle.net/bcs02131114/r2mbgkv3/1 只需使用javascript删除图像?w=150" class="courseimg">上的多余文本。

标签： javascript html dom dom-manipulation

【解决方案1】：

试试这个：

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

或者，删除所有这些：

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

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

【讨论】：

【解决方案2】：

不确定它是否对你有帮助，但看起来你在这里遇到了麻烦 <img id="courseimg" src="url" softmerge-inner"="" 属性 softmerge-inner 在 = 之前有不必要的双引号。

【讨论】：