用coffeescript删除div元素

时间:2012-04-12 16:13:34

标签: dom coffeescript

我想使用Coffeescript删除具有特定div属性的class元素。我在互联网上找不到任何关于使用Coffeescript进行DOM操作的例子。我怎样才能做到这一点?任何对DOM的引用都会很棒。

2 个答案:

答案 0 :(得分:5)

CoffeeScript是一个JavaScript预处理器,没有其他标准库。这意味着如果你想进行DOM操作,就可以像在JavaScript中那样进行操作。

您可以使用任何JavaScript库,例如使用CoffeeScript的jQuery,或者您可以直接使用document变量:

element.parentNode.removeChild(element) for element in document.getElementsByClassName('some-class')

或(对于不支持该方法的浏览器)

element.parentNode.removeChild(element) for element in document.getElementsByTagName('*') when element.className = 'some-class'

或者,由于这些标识符有点长,请使用块语法:

for element in document.getElementsByTagName('*')
    if element.className is 'some-class'
        element.parentNode.removeChild(element)

CoffeeScript.org的相关引用:

  

CoffeeScript的黄金法则是:“它只是JavaScript ”。代码一对一地编译成等效的JS,并且在运行时没有解释。您可以从CoffeeScript无缝使用任何现有的JavaScript库(反之亦然)。

答案 1 :(得分:0)

@lauren的回答对我有用,但是当我使用Chrome时,我收到以下错误:\ n 未捕获的TypeError:无法读取属性' id'未定义的

使用以下作品完美,在Chrome上测试过。

T

自: https://stackoverflow.com/a/19298575/5452072