
Security News
pnpm 10.16 Adds New Setting for Delayed Dependency Updates
pnpm's new minimumReleaseAge setting delays package updates to prevent supply chain attacks, with other tools like Taze and NCU following suit.
Fast, lightweight DOM manipulation utility with TypeScript definitions. 1.8kb gzipped.
npm install --save tsdom
Add the package to your project using one of the following:
let tsdom = require('tsdom')
import tsdom from 'tsdom'
<script src="./tsdom.inc.js" />
("tsdom/dist/tsdom.inc.js")TSDom uses CSS (or jQuery) selector syntax, e,g:
let el = tsdom(element)
let el = tsdom("div")
let el = tsdom("#yourId")
let el = tsdom(".yourClass")
let el = tsdom("[data-attribute]")
Once you've selected an element or elements, you can chain the following methods:
el.first()
el.find("#yourSelector")
el.closest(".yourSelector")
el.each(e => { // do something })
el.append("<p>Lorem ipsum</p>" | Node | HTMLElement)
el.prepend("<p>Lorem ipsum</p>" | Node | HTMLElement)
el.empty()
el.addClass("yourClass")
el.removeClass("yourClass")
el.toggleClass("yourClass")
el.css({ opacity: "0" })
el.attr({ title: "Your new title" })
el.on("click", (ev: Event, el: HTMLElement) => { // do something })
el.on("click", ".yourClass", (ev: Event, el: HTMLElement) => { // do something })
el.off("click")
The following are return methods
el.get(0)
el.hasClass("active")
el.val()
el.val("value")
el.text()
el.text("Lorem ipsum")
el.data("key")
el.data("key", "value")
el.attr("key")
el.html()
el.html("<div>Lorem ipsum</div>")
el.toArray()
And these are NON return methods
el.remove()
The package exports the following type namespace for use in your app:
import tsdom, { TSDom } from 'tsdom'
TSDom.Init
== tsdom
TSDom.Object
== tsdom("#yourSelector")
FAQs
Fast, lightweight JavaScript DOM manipulation utility
We found that tsdom demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
pnpm's new minimumReleaseAge setting delays package updates to prevent supply chain attacks, with other tools like Taze and NCU following suit.
Security News
The Rust Security Response WG is warning of phishing emails from rustfoundation.dev targeting crates.io users.
Product
Socket now lets you customize pull request alert headers, helping security teams share clear guidance right in PRs to speed reviews and reduce back-and-forth.