{"id":20042641,"url":"https://github.com/code4mk/lets-dom","last_synced_at":"2025-03-02T07:18:20.572Z","repository":{"id":104452296,"uuid":"130513176","full_name":"code4mk/lets-dom","owner":"code4mk","description":"DOM ( Document Objects Model ) JS . 💗 code4mk ","archived":false,"fork":false,"pushed_at":"2018-04-23T08:19:10.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-19T12:55:25.037Z","etag":null,"topics":["code4mk","document-object-model","dom","js","js-dom"],"latest_commit_sha":null,"homepage":"https://code4mk.org/javascript-developer/js/dom/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/code4mk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-04-21T21:26:04.000Z","updated_at":"2018-04-23T08:19:11.000Z","dependencies_parsed_at":"2023-09-25T09:26:59.418Z","dependency_job_id":null,"html_url":"https://github.com/code4mk/lets-dom","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"c33c02818f8fdaa83fb422d0aa9f2297abe94b68"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code4mk%2Flets-dom","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code4mk%2Flets-dom/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code4mk%2Flets-dom/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/code4mk%2Flets-dom/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/code4mk","download_url":"https://codeload.github.com/code4mk/lets-dom/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241470483,"owners_count":19968051,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["code4mk","document-object-model","dom","js","js-dom"],"created_at":"2024-11-13T10:52:35.056Z","updated_at":"2025-03-02T07:18:20.549Z","avatar_url":"https://github.com/code4mk.png","language":null,"readme":"\n## Basic Dom\n---\n\n## DOM\n\nThe `document object model` (dom) is a programming `interface` of `HTML/XML` document. DOM access by `document` or `window`\n\n* [MDN dom](https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction)\n* [w3 dom](https://www.w3.org/DOM/)\n* [whatwg dom](https://dom.spec.whatwg.org/)\n\n## Document\n\n### basic method\n\n* `document`\n* `documnet.all`\n* `document.body`\n* `document.characterSet`\n* `document.charset`\n* `document.compatMode`\n* `document.contentType`\n* `document.docType`\n* `document.domain`\n* `document.documentURI`\n* `document.documentElement`\n* `document.forms`\n* `document.head`\n* `document.implementation`\n* `document.images`\n* `document.scripts`\n* `document.title`\n* `document.URL`\n\n### create method\n\n * `document.createComment('comment')`\n * `document.createDocumentFragment()`\n * `document.createElement('div')`\n * `documment.createTextNode('your text')`\n\n### get methods\n\n* `document.getElementByID('idName')`\n* `document.getElementsByTagName('p')`\n* `document.getElementsByClassName('className')`\n* `document.querySelector('selector/id/class')`\n* `document.querySelectorAll('selector/id/class')`\n\n~ [mdn document](https://developer.mozilla.org/en-US/docs/Web/API/Document)\n\n## element\n\nwhen `get` `class , id or selector` that time `document is  element`.\n\n* `---.attributes`\n* `---.classList`\n* `---.className`\n* `---.clientHeight`\n* `---.clientLeft`\n* `---.clientTop`\n* `---.clientWidth`\n* `---.id`\n* `---.innerHTML`\n* `---.localName`\n* `---.namespaceURI`\n* `---.outterHTML`\n* `---.prefix`\n* `---.tagName`\n* `---.appendChild()`\n* `---.remove()`\n* `---.style.---`\n* `---.style.cssText`\n\n~ [mdn element](https://developer.mozilla.org/en-US/docs/Web/API/Element)\n\n## Node\n\n* `--.childNodes`\n* `--.childNodes[i]`\n* `--.parentNode`\n* `---.firstChild`\n* `---.lastChild`\n* `---.firstElementChild` (`skiping white space`)\n* `---.lastElementChild` (`skiping white space`)\n* `---.isConnected`\n* `--.prevoiusSibling`\n* `--.nextSibling`\n* `--.previousElementSibling` (`skiping white space`)\n* `--.nextElementSibling` (`skiping white space`)\n* `--.textContent`\n* `--.nodeName`\n* `---.nodeType`\n* `---.nodeValue`\n* `---.cloneNode`\n* `--.hasChildSibling`\n* `---.inserBefore`\n* `---.contains`\n* `---.removeChild`\n* `---.replaceChild`\n\n~ [node mdn](https://developer.mozilla.org/en-US/docs/Web/API/Node)\n\n## event\n\n* `---.currentTarget`\n* `---.preventDefault`\n\n## window\n\n* `window.innerHeight`\n* `window.innerWidth`\n* `window.open()`\n* `window.self`\n* `window.alert`\n* `window.document`\n* `window.location`\n\n~ [window mdn](https://developer.mozilla.org/en-US/docs/Web/API/Window)\n\n---\n\n* [Next\u003e\u003e](https://github.com/code4mk/lets-dom/blob/master/element.md)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode4mk%2Flets-dom","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcode4mk%2Flets-dom","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcode4mk%2Flets-dom/lists"}