如何在javascript中删除DIV标记内的CSS类？_Javascript_Css_Html_Css Selectors

如何在javascript中删除DIV标记内的CSS类？

javascript css html

如何在javascript中删除DIV标记内的CSS类？,javascript,css,html,css-selectors,Javascript,Css,Html,Css Selectors,请帮助如何删除div标签内的css 我尝试使用下面的代码删除div标记中输入类型的css。但它现在起作用了 <style> .removeInputBorder { border: none } </style> </head> <body> <button onclick="myFunction()">Try it</button> <div id="myDIV" > This is a DIV e

请帮助如何删除div标签内的css

我尝试使用下面的代码删除div标记中输入类型的css。但它现在起作用了

<style>

.removeInputBorder {
    border: none
}
</style>
</head>
<body>

<button onclick="myFunction()">Try it</button>
<div id="myDIV" >
This is a DIV element.
<input type="text" value="shakeer"  class="removeInputBorder"/>
</div>

<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.remove("removeInputBorder");
}
</script>


.removeInputBorder{
边界：无
}
试试看
这是一个DIV元素。
函数myFunction（）{
var元素=document.getElementById（“myDIV”）；
element.classList.remove（“removeInputBorder”）；
}

您试图从div中删除

removeInputBorder

，但该类处于输入状态。

以下是纯javascript中addClass、removeClass和hasClass的解决方案供参考

查看此页：

函数类（el，类名）{
if（el.classList）
返回el.classList.contains（className）
其他的
return！！el.className.match（新的RegExp（“（\\s | ^）”+className+”（\\s |$））
}
函数addClass（el，类名）{
if（el.classList）
el.classList.add（类名称）
如果（！hasClass（el，className））el.className+=“”+className
}
函数removeClass（el，类名）{
if（el.classList）
el.classList.remove（className）
else if（hasClass（el，className））{
var reg=new RegExp（“（\\s | ^）”+className+”（\\s |$））
el.className=el.className.replace（注册表“”）
}
}

使用QuerySelector选择元素或您的目标是错误的元素是的，我的css类将仅用于输入。这应该是正确的答案。@s如果您想从按钮中删除类，那么

元素

变量应该指向该按钮，不是

myDIV

@Patryk Gulas-你能建议怎么做吗？@Ssyed var element=document.getElementById（'myDIV'）.getElementsByTagName（“输入”）[0]；这个答案也适用