HTML DOM Document createTextNode() ਮੱਥੋਦ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

createTextNode() ਮੱਥੋਦ ਟੈਕਸਟ ਨੋਡੇ ਬਣਾਉਂਦਾ ਹੈ。

ਹੋਰ ਦੇਖੋ:

Document createElement() ਮੱਥੋਦ

Element appendChild() ਮੱਥੋਦ

Element insertBefore() ਮੱਥੋਦ

HTML ਈਲੈਮੈਂਟ ਨੋਡੇ ਹਨ

ਸਾਰੇ HTML ਈਲੈਮੈਂਟ ਨੋਡੇ ਹਨ。

ਈਲੈਮੈਂਟ ਨੋਡੇ ਹਨ। ਪੈਰਾਟ੍ਰੀ ਨੋਡੇ ਹਨ। ਟੈਕਸਟ ਨੋਡੇ ਹਨ。

ਕੁਝ ਈਲੈਮੈਂਟ ਹੋਰ ਨੋਡੇ ਵਾਲੇ ਹਨ。

ਕੁਝ ਈਲੈਮੈਂਟ ਟੈਕਸਟ ਨੋਡੇ ਵਾਲੇ ਹਨ。

ਕੁਝ ਈਲੈਮੈਂਟ ਪੈਰਾਟ੍ਰੀ ਨੋਡੇ ਵਾਲੇ ਹਨ。

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਟੈਕਸਟ ਨੋਡੇ ਬਣਾਓ ਅਤੇ ਇਸ ਨੂੰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਜੋੜੋ:

let textNode = document.createTextNode("Hello World"); document.body.appendChild(textNode);

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 2

ਟੈਕਸਟ ਨੋਡੇ ਵਾਲਾ <h1> ਈਲੈਮੈਂਟ ਬਣਾਓ:

const h1 = document.createElement("h1");
const textNode = document.createTextNode("Hello World");
h1.appendChild(textNode);

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਉਦਾਹਰਣ 3

ਟੈਕਸਟ ਨੋਡੇ ਵਾਲਾ <p> ਈਲੈਮੈਂਟ ਬਣਾਓ:

const para = document.createElement("p");
const textNode = document.createTextNode("Hello World");
para.appendChild(textNode);

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਵਿਧੀ

document.createTextNode(data)

ਪੈਰਾਮੀਟਰ

ਪੈਰਾਮੀਟਰ ਵਰਣਨ
data ਲੋੜੀਦਾ। ਨੋਡੇ ਦਾ ਟੈਕਸਟ。

ਵਾਪਸੀ ਮੁੱਲ

ਇੰਤਜ਼ਾਮ ਵਰਣਨ
ਨੋਡੇ ਨਵੇਂ ਬਣਾਏ ਗਏ ਟੈਕਸਟ ਨੋਡੇ, ਜਿਸ ਨੂੰ ਸੁਨੀਸ਼ਚਿਤ ਕੀਤਾ ਗਿਆ ਹੈ: data ਸਟਰਿੰਗ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

document.createTextNode() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ਸਮਰਥਨ 9-11 ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ