andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 2165

Browse Source
This commit is contained in:
30secondsofcode
2018-06-19 17:59:43 +00:00
parent 1c8e535a41
commit 1e4ebaf4c0
15 changed files with 125 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/insertAfter.md
View File

@ -9,5 +9,5 @@ const insertAfter = (el, htmlString) => el.insertAdjacentHTML('afterend', htmlSt
```
```js
insertAfter(document.getElementById('myId'),'<p>after</p>'); // <div id="myId">...</div> <p>after</p>
insertAfter(document.getElementById('myId'), '<p>after</p>'); // <div id="myId">...</div> <p>after</p>
```

2
snippets/insertBefore.md
View File

@ -9,5 +9,5 @@ const insertBefore = (el, htmlString) => el.insertAdjacentHTML('beforebegin', ht
```
```js
insertBefore(document.getElementById('myId'),'<p>before</p>'); // <p>before</p> <div id="myId">...</div>
insertBefore(document.getElementById('myId'), '<p>before</p>'); // <p>before</p> <div id="myId">...</div>
```

7
snippets/triggerEvent.md
View File

@ -7,10 +7,11 @@ Use `el.dispatchEvent()` to trigger the newly created event on the given element
Omit the third argument, `detail`, if you do not want to pass custom data to the triggered event.
```js
const triggerEvent = (el, eventType, detail = undefined) => el.dispatchEvent(new CustomEvent(eventType, {detail: detail}));
const triggerEvent = (el, eventType, detail = undefined) =>
el.dispatchEvent(new CustomEvent(eventType, { detail: detail }));
```
```js
triggerEvent(document.getElementById('myId'),'click');
triggerEvent(document.getElementById('myId'),'click', {username: 'bob'});
triggerEvent(document.getElementById('myId'), 'click');
triggerEvent(document.getElementById('myId'), 'click', { username: 'bob' });
```