تبدیل رشته به DOM در جاوا اسکریپت

تبدیل رشته به DOM در جاوا اسکریپت

رشته به DOM در Javascript – با کمک کلاس DOMParser می توانیم یک رشته معمولی را دریافت کرده و آن را به DOM که در javascript قابل استفاده است تبدیل کنیم .

متود parseFromString دارای 2 ورودی می باشد :

  1. string که می خواهیم به dom تبدیل شود
  2. به چه نوع آبجکتی تبدیل شود xml یا html یا دیگر موارد

سورس پایین یک تگ article به همراه عنوان h1 به بدنه صفحه html مان اضافه می کند .

اسکریپت app.js

const htmlString = "<article><h1>رپید کد</h1></article>";
let myDom = new DOMParser().parseFromString(htmlString, "text/html");
const body = document.body;

myDom = myDom.querySelector("article");
body.appendChild(myDom);

ارسال نظر

جهت استفاده از کد حتما از تگ pre استفاده نمایید .

contact us