HTMLScriptElement: blocking property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The blocking property of the HTMLScriptElement interface is a string indicating that certain operations should be blocked on the fetching of the script.

It reflects the blocking attribute of the

const el = document.getElementById("el");
console.log(el.blocking); // Output: "render"

Specification
HTML # dom-script-blocking

Specification

HTML
# dom-script-blocking

const el = document.getElementById(\"el\");\nconsole.log(el.blocking); // Output: \"render\"\n"}},{"type":"specifications","value":{"id":"specifications","title":"Specifications","isH3":false,"specifications":[{"bcdSpecificationURL":"https://html.spec.whatwg.org/multipage/scripting.html#dom-script-blocking","title":"HTML"}],"query":"api.HTMLScriptElement.blocking"}},{"type":"browser_compatibility","value":{"id":"browser_compatibility","title":"Browser compatibility","isH3":false,"query":"api.HTMLScriptElement.blocking"}},{"type":"prose","value":{"id":"see_also","title":"See also","isH3":false,"content":"\nHTMLLinkElement.blocking\n HTMLStyleElement.blocking\n"}}],"isActive":true,"isMarkdown":true,"isTranslated":false,"locale":"en-US","mdn_url":"/en-US/docs/Web/API/HTMLScriptElement/blocking","modified":"2024-11-07T15:33:32.000Z","native":"English (US)","noIndexing":false,"other_translations":[{"locale":"de","title":"HTMLScriptElement: blocking-Eigenschaft","native":"Deutsch"},{"locale":"ja","title":"HTMLScriptElement: blocking プロパティ","native":"日本語"}],"pageTitle":"HTMLScriptElement: blocking property - Web APIs | MDN","parents":[{"uri":"/en-US/docs/Web","title":"References"},{"uri":"/en-US/docs/Web/API","title":"Web APIs"},{"uri":"/en-US/docs/Web/API/HTMLScriptElement","title":"HTMLScriptElement"},{"uri":"/en-US/docs/Web/API/HTMLScriptElement/blocking","title":"blocking"}],"popularity":null,"short_title":"blocking","sidebarHTML":"The HTML DOM API HTMLScriptElement Instance propertiesasync attributionSrc\nExperimental\n blocking crossOrigin defer fetchPriority integrity noModule referrerPolicy src text type Static methodssupports() InheritanceHTMLElement Element Node EventTarget Related pages for HTML DOMBeforeUnloadEvent DOMStringMap ErrorEvent HTMLAnchorElement HTMLAreaElement HTMLAudioElement HTMLBRElement HTMLBaseElement HTMLBodyElement HTMLButtonElement HTMLCanvasElement HTMLDListElement HTMLDataElement HTMLDataListElement HTMLDialogElement HTMLDivElement HTMLDocument HTMLElement HTMLEmbedElement HTMLFieldSetElement HTMLFormControlsCollection HTMLFormElement HTMLFrameSetElement\nDeprecated\n HTMLHRElement HTMLHeadElement HTMLHeadingElement HTMLHtmlElement HTMLIFrameElement HTMLImageElement HTMLInputElement HTMLLIElement HTMLLabelElement HTMLLegendElement HTMLLinkElement HTMLMapElement HTMLMediaElement HTMLMenuElement HTMLMetaElement HTMLMeterElement HTMLModElement HTMLOListElement HTMLObjectElement HTMLOptGroupElement HTMLOptionElement HTMLOptionsCollection HTMLOutputElement HTMLParagraphElement HTMLPictureElement HTMLPreElement HTMLProgressElement HTMLQuoteElement HTMLSelectElement HTMLSourceElement HTMLSpanElement HTMLStyleElement HTMLTableCaptionElement HTMLTableCellElement HTMLTableColElement HTMLTableElement HTMLTableRowElement HTMLTableSectionElement HTMLTemplateElement HTMLTextAreaElement HTMLTimeElement HTMLTitleElement HTMLTrackElement HTMLUListElement HTMLUnknownElement HTMLVideoElement HashChangeEvent History ImageData Location MessageChannel MessageEvent MessagePort Navigator PageRevealEvent PageSwapEvent PageTransitionEvent Plugin\nDeprecated\n PluginArray\nDeprecated\n PromiseRejectionEvent RadioNodeList UserActivation ValidityState Window WorkletGlobalScope GuidesUsing microtasks in JavaScript with queueMicrotask() In depth: Microtasks and the JavaScript runtime environment","source":{"folder":"en-us/web/api/htmlscriptelement/blocking","github_url":"https://github.com/mdn/content/blob/main/files/en-us/web/api/htmlscriptelement/blocking/index.md","last_commit_url":"https://github.com/mdn/content/commit/7cd4706990ab95794415aee05ba0a9662e742a17","filename":"index.md"},"summary":"The blocking property of the HTMLScriptElement interface is a string indicating that certain operations should be blocked on the fetching of the script.","title":"HTMLScriptElement: blocking property","toc":[{"text":"Value","id":"value"},{"text":"Examples","id":"examples"},{"text":"Specifications","id":"specifications"},{"text":"Browser compatibility","id":"browser_compatibility"},{"text":"See also","id":"see_also"}],"baseline":{"baseline":false,"support":{"chrome":"105","chrome_android":"105","edge":"105","safari":"18.2","safari_ios":"18.2"},"feature":{"status":{"baseline":false,"support":{"chrome":"105","chrome_android":"105","edge":"105"}},"description_html":"The blocking=\"render\" attribute for ,