Question

有没有办法将此代码表示为普通的Javascript，以便我现在可以更好地理解它是如何工作的？

freq = FALSE

基本上我使用它来告诉代码不要播放css动画，只要满足一组参数。

Answer 1

removeProp removes properties of objects.如果那肯定是你想要的，那么等效的是delete运算符：

var element = document.getElementById("id");

element.addEventListener("click", function () {
    delete element["-webkit-animation"];
});

如果您真正想要做的是更改 CSS 属性，则需要对元素的style进行操作：

element.style.WebkitAnimation = "none";

但你应该做的是改变一个类：

element.classList.add("no-animation");

并使用CSS：

.no-animation {
    -webkit-animation: none;
}

Answer 2

是的，您可以使用.removeAttribute() function删除属性，例如样式，标题等。

或者您可以使用.removeProperty()删除样式属性（在IE9及更高版本中支持）

Fiddle

＆＃13;

(function() {
var myDiv = document.getElementById('myDiv');
myDiv.removeAttribute('style');

var aDiv = document.getElementById('aDiv');
aDiv.style.removeProperty('height');
})();

＆＃13;

<div id="aDiv" style="background-color: green;">Hi</div>
<div id="myDiv" style="background-color: green;">Hi</div>

＆＃13;

Answer 3

delete元素与removeProp()

的vanilla javascript有些相同

element = document.getElementById('id');
element.onclick() = function(){
   delete element['-webkit-animation'];
}

Answer 4

希望它能帮助OP

<强> JS

var element = document.getElementById("id");

element.onClick = function(){
  this.style.removeProperty("-webkit-animation");
};

这个JQuery代码可以使用普通的Javascript编写吗？

4 个答案: