HTML DOMTokenList remove() metod

CodeW3C online tutorial

HTML-serie tutorial
Browser Script
Server Script
Programmering tutorial
XML-serie tutorial
Bygg manual
Referens manual

Timetable

JS Reference Manual

JS Reference Manual (Category Order)
JS Reference Manual (Alphabetical Order)

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS Operators
JS Operator Precedence
JS Statement
JS Typed Array

Window

Window-objekt
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Object
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 Object

<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="/sv/jsref/dom_obj_image.html" title="HTML DOM Image objekt"><iframe></a></li> <li><a href="/sv/jsref/dom_obj_ins.html" title="HTML DOM Ins objekt"><img></a></li> <li><a href="/sv/jsref/dom_obj_button.html" title="HTML DOM Input Button-objekt"><ins></a></li> <li><a href="/sv/jsref/dom_obj_checkbox.html" title="HTML DOM Input Checkbox-objekt"><input> knapp</a></li> <li><a href="/sv/jsref/dom_obj_color.html" title="HTML DOM Input Color-objekt"><input> kryssruta</a></li> <li><a href="/sv/jsref/dom_obj_date.html" title="HTML DOM Input Date-objekt"><input> färg</a></li> <li><a href="/sv/jsref/dom_obj_datetime.html" title="HTML DOM Input Datetime-objekt"><input> datum</a></li> <li><a href="/sv/jsref/dom_obj_datetime-local.html" title="HTML DOM Input DatetimeLocal-objekt"><input> datum och tid</a></li> <li><a href="/sv/jsref/dom_obj_email.html" title="HTML DOM Input Email-objekt"><input> e-post</a></li> <li><a href="/sv/jsref/dom_obj_fileupload.html" title="HTML DOM Input FileUpload-objekt"><input> fil</a></li> <li><a href="/sv/jsref/dom_obj_hidden.html" title="HTML DOM Input Hidden-objekt"><input> dolt</a></li> <li><a href="/sv/jsref/dom_obj_input_image.html" title="HTML DOM Input Image-objekt"><input> bild</a></li> <li><a href="/sv/jsref/dom_obj_month.html" title="HTML DOM Input Month-objekt"><input> månad</a></li> <li><a href="/sv/jsref/dom_obj_number.html" title="HTML DOM Input Number-objekt"><input> nummer</a></li> <li><a href="/sv/jsref/dom_obj_password.html" title="HTML DOM Input Password-objekt"><input> lösenord</a></li> <li><a href="/sv/jsref/dom_obj_radio.html" title="HTML DOM Input Radio-objekt"><input> radio</a></li> <li><a href="/sv/jsref/dom_obj_range.html" title="HTML DOM Input Range-objekt"><input> intervall</a></li> <li><a href="/sv/jsref/dom_obj_reset.html" title="HTML DOM Input Reset-objekt"><input> återställ</a></li> <li><a href="/sv/jsref/dom_obj_search.html" title="HTML DOM Input Search-objekt"><input> sök</a></li> <li><a href="/sv/jsref/dom_obj_submit.html" title="HTML DOM Input Submit-objekt"><input> skicka</a></li> <li><a href="/sv/jsref/dom_obj_text.html" title="HTML DOM Input Text-objekt"><input> text</a></li> <li><a href="/sv/jsref/dom_obj_input_time.html" title="HTML DOM Input Time-objekt"><input> tid</a></li> <li><a href="/sv/jsref/dom_obj_url.html" title="HTML DOM Input URL-objekt"><input> url</a></li> <li><a href="/sv/jsref/dom_obj_week.html" title="HTML DOM Input Week-objekt"><input> vecka</a></li> <li><a href="/sv/jsref/dom_obj_kbd.html" title="HTML DOM Kbd-objekt"><kbd></a></li> <li><a href="/sv/jsref/dom_obj_label.html" title="HTML DOM Label-objekt"><label></a></li> <li><a href="/sv/jsref/dom_obj_legend.html" title="HTML DOM Legend-objekt"><legend></a></li> <li><a href="/sv/jsref/dom_obj_li.html" title="HTML DOM Li-objekt"><li></a></li> <li><a href="/sv/jsref/dom_obj_link.html" title="HTML DOM Link-objekt"><link></a></li> <li><a href="/sv/jsref/dom_obj_map.html" title="HTML DOM Map-objekt"><map></a></li> <li><a href="/sv/jsref/dom_obj_mark.html" title="HTML DOM Mark-objekt"><mark></a></li> <li><a href="/sv/jsref/dom_obj_menu.html" title="HTML DOM Menu-objekt"><menu></a></li> <li><a href="/sv/jsref/dom_obj_menuitem.html" title="HTML DOM MenuItem-objekt"><menuitem></a></li> <li><a href="/sv/jsref/dom_obj_meta.html" title="HTML DOM Meta-objekt"><meta></a></li> <li><a href="/sv/jsref/dom_obj_meter.html" title="HTML DOM Meter-objekt"><meter></a></li> <li><a href="/sv/jsref/dom_obj_nav.html" title="HTML DOM Nav-objekt"><nav></a></li> <li><a href="/sv/jsref/dom_obj_object.html" title="HTML DOM Object-objekt"><object></a></li> <li><a href="/sv/jsref/dom_obj_ol.html" title="HTML DOM Ol-objekt"><ol></a></li> <li><a href="/sv/jsref/dom_obj_optgroup.html" title="HTML DOM OptionGroup-objekt"><optgroup></a></li> <li><a href="/sv/jsref/dom_obj_option.html" title="HTML DOM Option-objekt"><option></a></li> <li><a href="/sv/jsref/dom_obj_output.html" title="HTML DOM Output-objekt"><output></a></li> <li><a href="/sv/jsref/dom_obj_paragraph.html" title="HTML DOM Paragraph-objekt"><p></a></li> <li><a href="/sv/jsref/dom_obj_param.html" title="HTML DOM Parameter-objekt"><param></a></li> <li><a href="/sv/jsref/dom_obj_pre.html" title="HTML DOM Pre-objekt"><pre></a></li> <li><a href="/sv/jsref/dom_obj_progress.html" title="HTML DOM Progress-objekt"><progress></a></li> <li><a href="/sv/jsref/dom_obj_quote.html" title="HTML DOM Quote-objekt"><q></a></li> <li><a href="/sv/jsref/dom_obj_s.html" title="HTML DOM S-objekt"><s></a></li> <li><a href="/sv/jsref/dom_obj_samp.html" title="HTML DOM Samp-objekt"><samp></a></li> <li><a href="/sv/jsref/dom_obj_script.html" title="HTML DOM Script-objekt"><script></a></li> <li><a href="/sv/jsref/dom_obj_section.html" title="HTML DOM Section-objekt"><section></a></li> <li><a href="/sv/jsref/dom_obj_select.html" title="HTML DOM Select-objekt"><select></a></li> <li><a href="/sv/jsref/dom_obj_small.html" title="HTML DOM Small-objekt"><small></a></li> <li><a href="/sv/jsref/dom_obj_source.html" title="HTML DOM Source-objekt"><source></a></li> <li><a href="/sv/jsref/dom_obj_span.html" title="HTML DOM Span-objekt"><span></a></li> <li><a href="/sv/jsref/dom_obj_strong.html" title="HTML DOM Strong-objekt"><strong></a></li> <li><a href="/sv/jsref/dom_obj_sub.html" title="HTML DOM Subscript-objekt"><sub></a></li> <li><a href="/sv/jsref/dom_obj_summary.html" title="HTML DOM Summary-objekt"><summary></a></li> <li><a href="/sv/jsref/dom_obj_sup.html" title="HTML DOM Superscript-objekt"><sup></a></li> <li><a href="/sv/jsref/dom_obj_table.html" title="HTML DOM Table-objekt"><table></a></li> <li><a href="/sv/jsref/dom_obj_tbody.html" title="HTML DOM TBody-objekt"><tbody></a></li> <li><a href="/sv/jsref/dom_obj_tabledata.html" title="HTML DOM TableData-objekt"><td></a></li> <li><a href="/sv/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot-objekt"><tfoot></a></li> <li><a href="/sv/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader-objekt"><th></a></li> <li><a href="/sv/jsref/dom_obj_thead.html" title="HTML DOM THead-objekt"><thead></a></li> <li><a href="/sv/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow-objekt"><tr></a></li> <li><a href="/sv/jsref/dom_obj_textarea.html" title="HTML DOM Textarea-objekt"><textarea></a></li> <li><a href="/sv/jsref/dom_obj_time.html" title="HTML DOM Time-objekt"><time></a></li> <li><a href="/sv/jsref/dom_obj_title.html" title="HTML DOM Title-objekt"><title></a></li> <li><a href="/sv/jsref/dom_obj_track.html" title="HTML DOM Track-objekt"><track></a></li> <li><a href="/sv/jsref/dom_obj_u.html" title="HTML DOM Underline-objekt"><u></a></li> <li><a href="/sv/jsref/dom_obj_ul.html" title="HTML DOM Ul-objekt"><ul></a></li> <li><a href="/sv/jsref/dom_obj_var.html" title="HTML DOM Variable-objekt"><var></a></li> <li><a href="/sv/jsref/dom_obj_video.html" title="HTML DOM Video-objekt"><video></a></li> </ul> <h2>Andra referenshandböcker</h2> <ul> <li><a href="/sv/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration-objekt">CSSStyleDeclaration</a></li> <li><a href="/sv/jsref/jsref_type_conversion.html" title="JavaScript-typkonvertering">JS typkonvertering</a></li> </ul> </div> <div><h3><center> Valfria kurser </center><h3> <h2>Kursrekommendation:</h2> <ul> <li><a href="/sv/howto/index.html" title="CodeW3C.com-väskan">CodeW3C.com-väskan</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() metod</h1> <div class="prenextnav-ref"> <ul> <li> Föregående sida <a href="/sv/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList-längd egenskap">length</a></li> <li> Nästa sida <a href="/sv/jsref/met_domtokenlist_replace.html" title="HTML DOMTokenList-replace() metod">replace()</a></li> <li> Återgå till föregående nivå <a href="/sv/jsref/dom_obj_html_domtokenlist.html" title="HTML DOMTokenList">HTML DOMTokenList</a></li> </ul> </div> <div> <h2>Definition och användning</h2> <p>remove() metoden tar bort en (eller flera) taggar (tokens) från DOMTokenList.</p> </div> <div> <h2>Exempel</h2> <h3>Exempel 1</h3> <p>Ta bort klassen "myStyle" från elementet:</p> <pre class="language-js"> const list = element.classList; list.remove("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_remove_1">Prova själv</a></p> <h3>Exempel 2</h3> <p>Lägg till klassen "myStyle" till elementet:</p> <pre class="language-js"> const list = element.classList; list.add("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_add_1">Prova själv</a></p> <h3>Exempel 3</h3> <p>Växla öppen/stängd för "myStyle":</p> <pre class="language-js"> const list = element.classList; list.toggle("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_toggle">Prova själv</a></p> <h3>Exempel 4</h3> <p>Ta bort flera klasser från elementet:</p> <pre class="language-js"> element.classList.remove("myStyle", "anotherClass", "thirdClass"); </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_remove_2">Prova själv</a></p> <h3>Exempel 5</h3> <p>Hämta antalet klasser på elementet:</p> <pre class="language-js"> let numb = element.classList.length; </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_length">Prova själv</a></p> <h3>Exempel 6</h3> <p>Har elementet klassen "myStyle"?</p> <pre class="language-js"> let x = element.classList.contains("myStyle"); </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_contains_1">Prova själv</a></p> <h3>Exempel 7</h3> <p>Om elementet har klassen "myStyle", ta bort "anotherClass".</p> <pre class="language-js"> if (element.classList.contains("mystyle")) { element.classList.remove("anotherClass"); } </pre> <p class="tiy"><a target="_blank" href="/sv/tiy/t.html?f=jsck_element_classlist_contains_2">Prova själv</a></p> </div> <div> <h2>Syntax</h2> <pre><i>domtokenlist</i>.remove(<i>token</i>, ...)</pre> <h3>Parameter</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Parameter</th> <th>Beskrivning</th> </tr> <tr> <td><i>token</i></td> <td>Obligatoriskt. Markören (token) som ska tas bort från listan.</td> </tr> </table> <h3>Returvärde</h3> <p>Inget.</p> </div> <div> <h2>Webbläsarstöd</h2> <p>domtokenlist.remove() är en DOM Level 4 (2015) egenskap.</p> <p>Det stöds av alla webbläsare:</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>Stöd</td> <td>Stöd</td> <td>Stöd</td> <td>Stöd</td> <td>Stöd</td> </tr> </table> <p>Internet Explorer 11 (och äldre versioner) stöder inte domtokenlist.remove().</p> </div> <div> <h2>Relaterade sidor</h2> <p><a href="/sv/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList-längd egenskap">length-attribut</a></p> <p><a href="/sv/jsref/met_domtokenlist_item.html" title="HTML DOMTokenList-item() metod">item() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_add.html" title="HTML DOMTokenList-add() metod">add() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_toggle.html" title="HTML DOMTokenList-toggle() metod">toggle() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_foreach.html" title="HTML DOMTokenList-forEach() metod">forEach() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_entries.html" title="HTML DOMTokenList-entries() metod">entries() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_keys.html" title="HTML DOMTokenList-keys() metod">keys() metoden</a></p> <p><a href="/sv/jsref/met_domtokenlist_values.html" title="HTML DOMTokenList-values() metod">values() metoden</a></p> <p><a href="/sv/jsref/dom_obj_html_domtokenlist.html" title="HTML DOMTokenList-handbok">DOMTokenList-objekt</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Föregående sida <a href="/sv/jsref/prop_domtokenlist_length.html" title="HTML DOMTokenList-längd egenskap">length</a></li> <li> Nästa sida <a href="/sv/jsref/met_domtokenlist_replace.html" title="HTML DOMTokenList-replace() metod">replace()</a></li> <li> Återgå till föregående nivå <a href="/sv/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> Verktygslåda </center><h3> <h5 id="tools_reference"><a href="/sv/jsref/index.html">JavaScript och HTML DOM referens manual</a></h5> <h5 id="tools_example"><a href="/sv/js/js_examples.html">JavaScript-exempel</a></h5> <h5 id="tools_quiz"><a href="/sv/js/js_quiz.html">JavaScript-quiz</a></h5> <h5 id="tools_tutorial"><a href="/sv/js/index.html">JavaScript-guide</a></h5> </div> <div><h3><center> Sponsrade länkar </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com erbjuder innehåll endast för utbildning och testning, och garanterar inte innehållets korrekthet. Risken som följer med användningen av innehållet på denna webbplats har inget samband med denna webbplats. Allt ägande och alla rättigheter förbehålls. </p> <p id="p2"> <a href="/sv/about/index.html" title="Om CodeW3C.com">Om CodeW3C.com</a> <a href="/sv/about/about_helping.html" title="Hjälp CodeW3C.com">Hjälp CodeW3C.com</a> <a href="/sv/about/about_use.html" title="Om användning">Användningsvillkor</a> <a href="/sv/about/about_privacy.html" title="Om integritet">Integritetsvillkor</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="Drivs av Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>