dom-apis

name	dom-apis
description	DOM manipulation and browser APIs including element selection, events, storage, fetch, and modern Web APIs.
sasmp_version	1.3.0
bonded_agent	05-dom-browser-apis
bond_type	PRIMARY_BOND
skill_type	reference
response_format	code_first
max_tokens	1500
parameter_validation	{"required":["topic"],"optional":["api_type"]}
retry_logic	{"on_ambiguity":"ask_clarification","fallback":"show_common_apis"}
observability	{"entry_log":"DOM APIs skill activated","exit_log":"DOM reference provided"}

DOM & Browser APIs Skill

Quick Reference Card

Element Selection

// Modern (preferred)
document.querySelector('#id');
document.querySelector('.class');
document.querySelectorAll('div.item');

// Scoped
container.querySelector('.child');

// Cache references
const els = {
  form: document.querySelector('#form'),
  input: document.querySelector('#input'),
  btn: document.querySelector('#btn')
};

DOM Manipulation

// Safe text (XSS-safe)
el.textContent = userInput;

// Create elements (safest)
const div = document.createElement('div');
div.className = 'card';
div.textContent = title;
parent.appendChild(div);

// Batch updates (performance)
const fragment = document.createDocumentFragment();
items.forEach(item => {
   li = .();
  li. = item;
  fragment.(li);
});
list.(fragment);