Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法删除Span元素的类_Javascript_Jquery_Html - Fatal编程技术网

Javascript 无法删除Span元素的类

Javascript 无法删除Span元素的类,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试为#filenameRPT删除类“bg color disable”,但我没有尝试任何工作。我使用了$(“#parentRPT>span#filenameRPT”).removeClass(“bg color disable”)和$(“#filenameRPT”).removeClass(“bg颜色禁用”)但是没有运气。有什么想法吗 <div class="two-row mb-3"> <div id="parentRPT" class="input-group

我正在尝试为
#filenameRPT
删除类
“bg color disable”
,但我没有尝试任何工作。我使用了
$(“#parentRPT>span#filenameRPT”).removeClass(“bg color disable”)
$(“#filenameRPT”).removeClass(“bg颜色禁用”)但是没有运气。有什么想法吗

<div class="two-row mb-3">
  <div id="parentRPT" class="input-group bg-color-disable">
    <span class="input-group-addon gi data-gi-size gi-file-plus"></span>
    <span id="filenameRPT" class="bg-color-disable">
      Upload REPORT
    <span class="fa fa-arrow-circle-right text-primary ml-1 mr-1"></span>
      <a name="rpt" href="#">No File Exists</a
      <input class="hidden" name="delete_RPT" value="not_deleted" type="text"/>
    </span>
    <span id="deleteRPT" class="fa fa-times text-danger hidden" title="Delete"></span>
    <label class="input-group-addon has-float-label" for="file-uploadRPT">
      Browse
      <input id="file-uploadRPT" name="FileToUploadRPT" type="file" accept="application/pdf">
    </label>
  </div>
</div>

上传报告

不存在任何文件我认为您的问题在于锚标签关闭不当。 撤课是很简单的

window.onload=removeClass()
函数removeClass(){
console.log('before remove',document.getElementById('filenameRPT').classList);
document.getElementById('filenameRPT').classList.remove('bg-color-disable'))
console.log('after remove',document.getElementById('filenameRPT').classList);
}

上传报告
浏览

我认为您的问题在于锚定标签关闭不当。 撤课是很简单的

window.onload=removeClass()
函数removeClass(){
console.log('before remove',document.getElementById('filenameRPT').classList);
document.getElementById('filenameRPT').classList.remove('bg-color-disable'))
console.log('after remove',document.getElementById('filenameRPT').classList);
}

上传报告
浏览

删除该类确实有效。它只是不影响您看到的内容:该跨度将从其父元素(在本例中为div)继承样式。它们在这里都可以正常工作。我想知道这是否与浏览器试图修复HTML中的语法错误有关。
span#filenameRPT
closing标记在哪里?@Jared Smith为True,但如果代码有效,那么我应该能够在检查元素时看到类被删除,但它没有删除。@fubar包含span closing标记。删除类确实有效。它只是不影响您看到的内容:该跨度将从其父元素(在本例中为div)继承样式。它们在这里都可以正常工作。我想知道这是否与浏览器试图修复HTML中的语法错误有关。
span#filenameRPT
closing标记在哪里?@Jared Smith是真的,但如果代码有效,那么我应该能够在检查元素时看到类被删除,但它没有。fubar包含span closing标记。我也相信是这样。谢谢我也这么认为。谢谢