Skip to content

Commit aea0bbf

Browse files
committed
Add DOM snippets
1 parent e51e221 commit aea0bbf

16 files changed

+130
-0
lines changed

dom-addEvent.sublime-snippet

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.addEventListener('${2:event}', function(e) {
4+
${3}
5+
});
6+
]]></content>
7+
<tabTrigger>ae</tabTrigger>
8+
<scope>source.js</scope>
9+
<description>addEventListener</description>
10+
</snippet>

dom-appendChild.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.appendChild('${2}');
4+
]]></content>
5+
<tabTrigger>ac</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>appendChild</description>
8+
</snippet>

dom-attrGet.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.getAttribute('${2:attr}');
4+
]]></content>
5+
<tabTrigger>ga</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>getAttribute</description>
8+
</snippet>

dom-attrRemove.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.removeAttribute('${2:attr}');
4+
]]></content>
5+
<tabTrigger>ra</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>removeAttribute</description>
8+
</snippet>

dom-attrSet.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.setAttribute('${2:attr}', ${3:value});
4+
]]></content>
5+
<tabTrigger>sa</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>setAttribute</description>
8+
</snippet>

dom-classAdd.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.classList.add('${2:class}');
4+
]]></content>
5+
<tabTrigger>ca</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>classList.add</description>
8+
</snippet>

dom-classRemove.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.classList.remove('${2:class}');
4+
]]></content>
5+
<tabTrigger>cr</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>classList.remove</description>
8+
</snippet>

dom-classToggle.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.classList.toggle('${2:class}');
4+
]]></content>
5+
<tabTrigger>ct</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>classList.toggle</description>
8+
</snippet>

dom-createElement.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.createElement('${2:elem}');
4+
]]></content>
5+
<tabTrigger>ce</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>createElement</description>
8+
</snippet>

dom-getByClass.sublime-snippet

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<snippet>
2+
<content><![CDATA[
3+
${1:document}.getElementsByClassName('${2:class}');
4+
]]></content>
5+
<tabTrigger>gc</tabTrigger>
6+
<scope>source.js</scope>
7+
<description>getElementsByClassName</description>
8+
</snippet>

0 commit comments

Comments
 (0)