jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Update article.md

Browse source
This commit is contained in:
Mehdi KHALIL EL OUADGHIRI 2019-07-18 11:31:47 +02:00 • committed by GitHub
parent 3caa91137e
commit c7df8e3f9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
2-ui/99-ui-misc/01-mutation-observer/article.md
View file

@ -63,18 +63,18 @@ observer.observe(elem, {
</script>
```
If we change the text inside `<b>me</b>`, we'll get a single mutation:
If we change the text inside `<b>edit</b>`, we'll get a single mutation:
```js
mutationRecords = [{
type: "characterData",
oldValue: "me",
oldValue: "edit",
target: <text node>,
// other properties empty
}];
```
If we select and remove the `<b>me</b>` altogether, we'll get multiple mutations:
If we select and remove the `<b>edit</b>` altogether, we'll get multiple mutations:
```js
mutationRecords = [{
@ -88,8 +88,8 @@ mutationRecords = [{
type: "characterData"
target: <text node>
// ...details depend on how the browser handles the change
// it may coalesce two adjacent text nodes "Edit " and ", please" into one node
// or it can just delete the extra space after "Edit".
// it may coalesce two adjacent text nodes "edit " and ", please" into one node
// or it can just delete the extra space after "edit".
// may be one mutation or a few
}];
```