DEV Community

Discussion on: Snippets for Vanilla JS Coding

View post

Replies for: Hi, ignoring with which document you're working is a quick way to bang your head to the wall. Always keep a reference to which document you're in: ...

Collapse
 
learosema profile image
Lea Rosema (she/her) • • Edited

In this case, another option is to define another shortcut for documents other than document. For example, you can move the $ function definition inside a function that takes a document as a parameter:

function insertScriptIntoDocument(doc, jsfile) { 
  const $o = doc.querySelector.bind(doc)
  const script = document.createElement('script')
  script.setAttribute('src', jsFile)
  $o`head`.insertAdjacentHTML('beforeEnd', script)
}