JS Vanilla - remove()

Question

How can I remove element, but in this case :

el = new myClass();

el.remove();

//// class
class myClass {
constructor() {
...
}

remove() {
// here
}
}

same question to modify style of this
(this.style.opacity doesn't work)

Answer 1

Another problem is: How identify which element remove?
Suppose than you have:

let svg= new SVG(...)
// here some code than add svg childs

// What has to remove it??
svg.remove()

A solution is use an index (which identify the order of inserted childs) but is not really practical and give you futher problem when you have to insert nested childs (child in child).
Another solution would be return to any created child some "id" than you SVG object can understand, and use it for deletion like:

let svg= new SVG(..)
let circle1= svg.circle(...)
let circle2= svg.circle(...)
....
svg.remove(circle1)

Answer 2

https://github.com/NoxFly/tools/blob/master/svg/svg.js

Answer 3

yes right, but can I have a code to better understand it please ? ^^'

Answer 4

to remove objects it's done, but for the opacity I didn't understand how to do

Answer 5

I don't want to reset, but to set

Answer 6

I dont fully understood your question... You want remove an element by dom tree using JS? If yes you can do it like:

refEl.parentNode.removeChild(refEl)

For a style prop you can reset it by assigning null... A simple code here

https://code.sololearn.com/WJ9wYKgmPLY0/?ref=app

Answer 7

I'm using js class, so when I do el.remove(), in the method I must use "this" and not el or refEl

Answer 8

oh I've an idea : you mean remove the element in the array, then redraw ?

Answer 9

this.parentNode.removeChild(this)
--> parentNode is undefined
???

Answer 10

If you want reset a style prop setted with el.style.PROP just set it to null... Example:

el.style.fill= 'red';

....

el.style.fill= null

Answer 11

You have always to have a reference to element... More details about the class would be helpful

Answer 12

Your code seem generating first a series of html representing svg childs inserted in dom when draw is called, right? If it work in this way, remove() have to remove the data from data array and from injected svg element (.name) which you have to get the reference (using querySelector all et similar) and procede like i said previously