HTML DOM Document createElement() na paraan

paglilinaw at paggamit

createElement() Ang method na ito ay gumagawa ng node ng elemento.

Maaaring tingnan din:

Element appendChild() na paraan

Element insertBefore() na paraan

sample

halimbawa 1

Nilikha ang <p> na elemento at idinagdag sa dokumento:

const para = document.createElement("p");
para.innerText = "This is a paragraph";
document.body.appendChild(para);

subukan natin

halimbawa 2

Nilikha at idinagdag sa elemento ang <p> na elemento:

const para = document.createElement("p");
para.innerHTML = "This is a paragraph.";
document.getElementById("myDIV").appendChild(para);

subukan natin

halimbawa 3

Nilikha ng button:

const btn = document.createElement("button");
btn.innerHTML = "Hello Button";
document.body.appendChild(btn);

subukan natin

gramatika

document.createElement(tagName)

parameter

parameter pagsusuri
tagName

dapat. Ang pangalan ng tag ng elemento na itatao.

Ang HTML na pangalan ng tag ay maaaring gamitin kahit anong laki ng bukud bukud.

Ang XML na pangalan ng tag ay dapat magkaiba ang laki ng bukud bukud.

baling sabihin

uri pagsusuri
node Ang bagong nilikha na element node ay mayroong tinukoy na tag na pangalan.

tatanong

Kung ang tagName ay mayroong hindi lehitimong character, ang paraan na ito ay magtatanong ng code na INVALID_CHARACTER_ERR ng DOMException exception.

browser support

document.createElement() Ito ay DOM Level 1 (1998) na katangian.

Ang lahat ng mga browser ay sumusuporta sa ito:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
suporta 9-11 suporta suporta suporta suporta