HTML DOMTokenList remove() metode

CodeW3C online vejledning

HTML serie vejledning
Browser script
Server script
Programmerings vejledning
XML serie vejledning
Byggevejledning
Reference håndbog

Kursusplan

JS Reference Manual

JS Reference Manual (kategorisering)
JS Reference Manual (alfabetisk sortering)

JavaScript

JS Array
JS Boolean
JS Klass
JS Dato
JS Fejl
JS Global
JS JSON
JS Map
JS Math
JS Tal
JS Promise
JS RegExp
JS Set
JS Streng
JS Objekt
JS Operator
JS Operator Prioritet
JS Udsagn
JS Typiserede Array

Vindue

Window objekt
Vindue Konsol
Vindue Historik
Vindue Lokation
Vindue Navigatør
Vindue Skærm

HTML DOM

HTML Dokument
HTML Element
HTML Egenskab
HTML Event
HTML Event objekt
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
Web API

HTML objekt

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
</a></li> <li><a href="/da/jsref/dom_obj_image.html" title="HTML DOM Image objekt"><iframe></a></li> <li><a href="/da/jsref/dom_obj_ins.html" title="HTML DOM Ins objekt"><img></a></li> <li><a href="/da/jsref/dom_obj_button.html" title="HTML DOM Input Button objekt"><ins></a></li> <li><a href="/da/jsref/dom_obj_checkbox.html" title="HTML DOM Input Checkbox objekt"><input> knap</a></li> <li><a href="/da/jsref/dom_obj_color.html" title="HTML DOM Input Color objekt"><input> afkrydsningsfelt</a></li> <li><a href="/da/jsref/dom_obj_date.html" title="HTML DOM Input Date objekt"><input> farve</a></li> <li><a href="/da/jsref/dom_obj_datetime.html" title="HTML DOM Input Datetime objekt"><input> dato</a></li> <li><a href="/da/jsref/dom_obj_datetime-local.html" title="HTML DOM Input DatetimeLocal objekt"><input> dato og klokkeslæt</a></li> <li><a href="/da/jsref/dom_obj_email.html" title="HTML DOM Input Email objekt"><input> e-mail</a></li> <li><a href="/da/jsref/dom_obj_fileupload.html" title="HTML DOM Input FileUpload objekt"><input> fil</a></li> <li><a href="/da/jsref/dom_obj_hidden.html" title="HTML DOM Input Hidden objekt"><input> skjult</a></li> <li><a href="/da/jsref/dom_obj_input_image.html" title="HTML DOM Input Image objekt"><input> billede</a></li> <li><a href="/da/jsref/dom_obj_month.html" title="HTML DOM Input Month objekt"><input> måned</a></li> <li><a href="/da/jsref/dom_obj_number.html" title="HTML DOM Input Number objekt"><input> tal</a></li> <li><a href="/da/jsref/dom_obj_password.html" title="HTML DOM Input Password objekt"><input> kodeord</a></li> <li><a href="/da/jsref/dom_obj_radio.html" title="HTML DOM Input Radio objekt"><input> radio</a></li> <li><a href="/da/jsref/dom_obj_range.html" title="HTML DOM Input Range objekt"><input> interval</a></li> <li><a href="/da/jsref/dom_obj_reset.html" title="HTML DOM Input Reset objekt"><input> nulstil</a></li> <li><a href="/da/jsref/dom_obj_search.html" title="HTML DOM Input Search objekt"><input> søg</a></li> <li><a href="/da/jsref/dom_obj_submit.html" title="HTML DOM Input Submit objekt"><input> send</a></li> <li><a href="/da/jsref/dom_obj_text.html" title="HTML DOM Input Text objekt"><input> tekst</a></li> <li><a href="/da/jsref/dom_obj_input_time.html" title="HTML DOM Input Time objekt"><input> tid</a></li> <li><a href="/da/jsref/dom_obj_url.html" title="HTML DOM Input URL objekt"><input> url</a></li> <li><a href="/da/jsref/dom_obj_week.html" title="HTML DOM Input Week objekt"><input> uge</a></li> <li><a href="/da/jsref/dom_obj_kbd.html" title="HTML DOM Kbd objekt"><kbd></a></li> <li><a href="/da/jsref/dom_obj_label.html" title="HTML DOM Label objekt"><label></a></li> <li><a href="/da/jsref/dom_obj_legend.html" title="HTML DOM Legend objekt"><legend></a></li> <li><a href="/da/jsref/dom_obj_li.html" title="HTML DOM Li objekt"><li></a></li> <li><a href="/da/jsref/dom_obj_link.html" title="HTML DOM Link objekt"><link></a></li> <li><a href="/da/jsref/dom_obj_map.html" title="HTML DOM Map objekt"><map></a></li> <li><a href="/da/jsref/dom_obj_mark.html" title="HTML DOM Mark objekt"><mark></a></li> <li><a href="/da/jsref/dom_obj_menu.html" title="HTML DOM Menu objekt"><menu></a></li> <li><a href="/da/jsref/dom_obj_menuitem.html" title="HTML DOM MenuItem objekt"><menuitem></a></li> <li><a href="/da/jsref/dom_obj_meta.html" title="HTML DOM Meta objekt"><meta></a></li> <li><a href="/da/jsref/dom_obj_meter.html" title="HTML DOM Meter objekt"><meter></a></li> <li><a href="/da/jsref/dom_obj_nav.html" title="HTML DOM Nav objekt"><nav></a></li> <li><a href="/da/jsref/dom_obj_object.html" title="HTML DOM Object objekt"><object></a></li> <li><a href="/da/jsref/dom_obj_ol.html" title="HTML DOM Ol objekt"><ol></a></li> <li><a href="/da/jsref/dom_obj_optgroup.html" title="HTML DOM OptionGroup objekt"><optgroup></a></li> <li><a href="/da/jsref/dom_obj_option.html" title="HTML DOM Option objekt"><option></a></li> <li><a href="/da/jsref/dom_obj_output.html" title="HTML DOM Output objekt"><output></a></li> <li><a href="/da/jsref/dom_obj_paragraph.html" title="HTML DOM Paragraph objekt"><p></a></li> <li><a href="/da/jsref/dom_obj_param.html" title="HTML DOM Parameter objekt"><param></a></li> <li><a href="/da/jsref/dom_obj_pre.html" title="HTML DOM Pre objekt"><pre></a></li> <li><a href="/da/jsref/dom_obj_progress.html" title="HTML DOM Progress objekt"><progress></a></li> <li><a href="/da/jsref/dom_obj_quote.html" title="HTML DOM Quote objekt"><q></a></li> <li><a href="/da/jsref/dom_obj_s.html" title="HTML DOM S objekt"><s></a></li> <li><a href="/da/jsref/dom_obj_samp.html" title="HTML DOM Samp objekt"><samp></a></li> <li><a href="/da/jsref/dom_obj_script.html" title="HTML DOM Script objekt"><script></a></li> <li><a href="/da/jsref/dom_obj_section.html" title="HTML DOM Section objekt"><section></a></li> <li><a href="/da/jsref/dom_obj_select.html" title="HTML DOM Select objekt"><select></a></li> <li><a href="/da/jsref/dom_obj_small.html" title="HTML DOM Small objekt"><small></a></li> <li><a href="/da/jsref/dom_obj_source.html" title="HTML DOM Source objekt"><source></a></li> <li><a href="/da/jsref/dom_obj_span.html" title="HTML DOM Span objekt"><span></a></li> <li><a href="/da/jsref/dom_obj_strong.html" title="HTML DOM Strong objekt"><strong></a></li> <li><a href="/da/jsref/dom_obj_sub.html" title="HTML DOM Subscript objekt"><sub></a></li> <li><a href="/da/jsref/dom_obj_summary.html" title="HTML DOM Summary objekt"><summary></a></li> <li><a href="/da/jsref/dom_obj_sup.html" title="HTML DOM Superscript objekt"><sup></a></li> <li><a href="/da/jsref/dom_obj_table.html" title="HTML DOM Table objekt"><table></a></li> <li><a href="/da/jsref/dom_obj_tbody.html" title="HTML DOM TBody objekt"><tbody></a></li> <li><a href="/da/jsref/dom_obj_tabledata.html" title="HTML DOM TableData objekt"><td></a></li> <li><a href="/da/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot objekt"><tfoot></a></li> <li><a href="/da/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader objekt"><th></a></li> <li><a href="/da/jsref/dom_obj_thead.html" title="HTML DOM THead objekt"><thead></a></li> <li><a href="/da/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow objekt"><tr></a></li> <li><a href="/da/jsref/dom_obj_textarea.html" title="HTML DOM Textarea objekt"><textarea></a></li> <li><a href="/da/jsref/dom_obj_time.html" title="HTML DOM Time objekt"><time></a></li> <li><a href="/da/jsref/dom_obj_title.html" title="HTML DOM Title objekt"><title></a></li> <li><a href="/da/jsref/dom_obj_track.html" title="HTML DOM Track objekt"><track></a></li> <li><a href="/da/jsref/dom_obj_u.html" title="HTML DOM Underline objekt"><u></a></li> <li><a href="/da/jsref/dom_obj_ul.html" title="HTML DOM Ul objekt"><ul></a></li> <li><a href="/da/jsref/dom_obj_var.html" title="HTML DOM Variable objekt"><var></a></li> <li><a href="/da/jsref/dom_obj_video.html" title="HTML DOM Video objekt"><video></a></li> </ul> <h2>Andre referencer</h2> <ul> <li><a href="/da/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration objekt">CSSStyleDeclaration</a></li> <li><a href="/da/jsref/jsref_type_conversion.html" title="JavaScript typekonvertering">JS typekonvertering</a></li> </ul> </div> <div><h3><center> Valgfri kurser </center><h3> <h2>Anbefalet kursus:</h2> <ul> <li><a href="/da/howto/index.html" title="CodeW3C.coms urtebog">CodeW3C.coms urtebog</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML DOMTokenList remove() metode</h1> <div class="prenextnav-ref"> <ul> <li> Forrige side <a href="/da/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList length egenskab">length</a></li> <li> Næste side <a href="/da/jsref/met_domtokenlist_replace.html" title="HTML DOMTokenList replace() metode">replace()</a></li> <li> Tilbage til forrige niveau <a href="/da/jsref/dom_obj_html_domtokenlist.html" title="HTML DOMTokenList">HTML DOMTokenList</a></li> </ul> </div> <div> <h2>Definition og brug</h2> <p>remove() metoden fjerner en (eller flere) tokens fra DOMTokenList.</p> </div> <div> <h2>Eksempel</h2> <h3>Eksempel 1</h3> <p>Fjern klassen "myStyle" fra elementet:</p> <pre class="language-js"> const list = element.classList; list.remove("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_remove_1">Prøv det selv</a></p> <h3>Eksempel 2</h3> <p>Tilføj klassen "myStyle" til elementet:</p> <pre class="language-js"> const list = element.classList; list.add("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_add_1">Prøv det selv</a></p> <h3>Eksempel 3</h3> <p>Skift mellem åbning og lukning af "myStyle":</p> <pre class="language-js"> const list = element.classList; list.toggle("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_toggle">Prøv det selv</a></p> <h3>Eksempel 4</h3> <p>Fjern flere klasser fra elementet:</p> <pre class="language-js"> element.classList.remove("myStyle", "anotherClass", "thirdClass"); </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_remove_2">Prøv det selv</a></p> <h3>Eksempel 5</h3> <p>Få antallet af elementets klasser:</p> <pre class="language-js"> let numb = element.classList.length; </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_length">Prøv det selv</a></p> <h3>Eksempel 6</h3> <p>Har elementet "myStyle" klassen?</p> <pre class="language-js"> let x = element.classList.contains("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_contains_1">Prøv det selv</a></p> <h3>Eksempel 7</h3> <p>Hvis elementet har "myStyle" klassen, fjern "anotherClass".</p> <pre class="language-js"> if (element.classList.contains("mystyle")) { element.classList.remove("anotherClass"); } </pre> <p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=jsck_element_classlist_contains_2">Prøv det selv</a></p> </div> <div> <h2>Syntaks</h2> <pre><i>domtokenlist</i>.remove(<i>token</i>, ...)</pre> <h3>Parameter</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Parameter</th> <th>Beskrivelse</th> </tr> <tr> <td><i>token</i></td> <td>Obligatorisk. Det tegn (token), der skal fjernes fra listen.</td> </tr> </table> <h3>Returværdi</h3> <p>Ingen.</p> </div> <div> <h2>Browserv understøttelse</h2> <p>domtokenlist.remove() er en DOM Level 4 (2015) funktion.</p> <p>Det understøttes af alle browsere:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>Understøtter</td> <td>Understøtter</td> <td>Understøtter</td> <td>Understøtter</td> <td>Understøtter</td> </tr> </table> <p>Internet Explorer 11 (og tidligere versioner) understøtter ikke domtokenlist.remove().</p> </div> <div> <h2>Relaterede sider</h2> <p><a href="/da/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList length egenskab">length egenskab</a></p> <p><a href="/da/jsref/met_domtokenlist_item.html" title="HTML DOMTokenList item() metode">item() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_add.html" title="HTML DOMTokenList add() metode">add() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_toggle.html" title="HTML DOMTokenList toggle() metode">toggle() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_foreach.html" title="HTML DOMTokenList forEach() metode">forEach() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_entries.html" title="HTML DOMTokenList entries() metode">entries() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_keys.html" title="HTML DOMTokenList keys() metode">keys() metode</a></p> <p><a href="/da/jsref/met_domtokenlist_values.html" title="HTML DOMTokenList values() metode">values() metode</a></p> <p><a href="/da/jsref/dom_obj_html_domtokenlist.html" title="HTML DOMTokenList referencehåndbog">DOMTokenList objekt</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Forrige side <a href="/da/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList length egenskab">length</a></li> <li> Næste side <a href="/da/jsref/met_domtokenlist_replace.html" title="HTML DOMTokenList replace() metode">replace()</a></li> <li> Tilbage til forrige niveau <a href="/da/jsref/dom_obj_html_domtokenlist.html" title="HTML DOMTokenList">HTML DOMTokenList</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Værktøjskasse </center><h3> <h5 id="tools_reference"><a href="/da/jsref/index.html">JavaScript og HTML DOM reference håndbog</a></h5> <h5 id="tools_example"><a href="/da/js/js_examples.html">JavaScript eksempler</a></h5> <h5 id="tools_quiz"><a href="/da/js/js_quiz.html">JavaScript quiz</a></h5> <h5 id="tools_tutorial"><a href="/da/js/index.html">JavaScript tutorial</a></h5> </div> <div><h3><center> Sponsorlinks </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com tilbyder indhold kun til uddannelse og test, og garanterer ikke korrektheden af indholdet. Risici, der følger med brugen af dette sites indhold, er ikke forbundet med dette site. Alt copyright er reserveret. </p> <p id="p2"> <a href="/da/about/index.html" title="Om CodeW3C.com">Om CodeW3C.com</a> <a href="/da/about/about_helping.html" title="Hjælp til CodeW3C.com">Hjælp til CodeW3C.com</a> <a href="/da/about/about_use.html" title="Om brug">Vilkår for brug</a> <a href="/da/about/about_privacy.html" title="Om privatliv">Privatlivsbestemmelser</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Kraftet af Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>