HTML2DOM

Add your HTML... collect your Javascript.

HTML

Javascript

Options

Coding Style

Variable keyword

How to declare variables.

Quote style

Whether to use single, double or backticks quotes

Linefeed

How to represent a newline : "\r\n", "\r", "\n"

Declarations on top

Whether to declare all variables at the top of the code (for var only)

Suffixe Ones

Whether to add a number to the end of variable names

Semicolons

Whether to add a semicolon at the end of each line

Output Options

Append to "body"

Whether to use append the elements to "document.body".

Contents

Text Content

How to set text content to element.

Compound "appendChild"

Whether to use appendChild and createElement together

Compound "classList.add"

Whether to use multiple classList.add or multiple arguments

Attributes/Properties

Force setAttribute

Whether to use setAttribute instead of direct assignment

Class as attribute

Whether to use setAttribute("class", "className") or classList.add("className")

Style as attribute

Whether to use setAttribute("style", "prop: val;") or style.setProperty("prop", "val")

Force setProperty

Whether to use style.setProperty instead of direct assignment

HTML Syntax Example

Oh! No! Loose text

This is a paragraph within the article. It contains italic text and underlined text.

This div has a combination of classes and an id.