generate HTML by javascript

Ali Salman answered on April 12, 2021 Popularity 8/10 Helpfulness 2/10

answer generate HTML by javascript

related generate html with javascript

generate HTML by javascript

Comment

// Text nodes can be made using the "write" method
document.write('foo');

// Elements can be made too. First, they have to be created in the DOM
const myElem = document.createElement('span');

// Attributes like classes and the id can be set as well
myElem.classList.add('foo');
myElem.id = 'bar';

// For here, the attribute will look like this: <span data-attr="baz"></span>
myElem.setAttribute('data-atrr', 'baz');

// Finally append it as a child element to the <body> in the HTML
document.body.appendChild(myElem);

// Elements can be imperitavely grabbed with querySelector for one element, or querySelectorAll for multiple elements that can be loopped with forEach
document.querySelector('.class');
document.querySelector('#id');
document.querySelector('[data-other]');
document.querySelectorAll('.multiple');

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: en.wikipedia.org

Tags: generate html javascript

Link to this answer
Share Copy Link

Contributed on Apr 29 2022

Ali Salman

0 Answers Avg Quality 2/10

Closely Related Answers

generate html with javascript

Comments(1)

let elem = document.getElementById("the tag you want to change code of");
elem.innerHTML = "<p>Hello</p>";
document.innerHTML += '<a href=\"youtue.com\">click me !</a>';

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: generate generat

Link to this answer
Share Copy Link

Contributed on Apr 12 2021

Witty Whale

0 Answers Avg Quality 2/10

generate HTML by javascript

Contents

More Related Answers

generate HTML by javascript

Closely Related Answers

generate html with javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.