با سلام خدمت کاربران گرامی سایت پی وی لرن و علاقمندان و کاربرانی که علاقمند به یادگیری دوره XML هستند. در جلسه گذشته با علاقمندان این دوره با تجزیه کننده ها و کاربرد های آن در XML آشنا شدند؛ در این جلسه این علاقمندان را به آموزش کار با DOM در XML دعوت می نماییم.
در ادامه آموزش کار با DOM در XML باید به این سوال اساسی پاسخ داد که به طور کل DOM چیست؟
DOM یک استانداردی را برای دسترسی و دستکاری اسناد تعریف می کند:
“مدل W3C Document Object یا (DOM) یک رابط کاربری پلت فرم و زبان بی طرف است که به برنامه ها و اسکریپت ها اجازه می دهد تا به صورت پویا به محتوا، ساختار و استایل یک سند دسترسی داشته و آن را به روز رسانی نماید.”
HTML DOM یک روش استاندارد برای دسترسی و دستکاری اسناد HTML را است.
HTML DOM یک سند HTML را به عنوان یک ساختار درختی ارائه می دهد.
XML DOM یک روش استاندارد برای دسترسی و دستکاری اسناد XML را است.
XML DOM یک سند XML را به عنوان یک ساختار درختی ارائه می دهد.
درک DOM برای کسانی که با HTML یا XML سر و کار دارند ضروری است!
تمام عناصر HTML را می توان از طریق HTML DOM مشاهده کرد.
مثال زیر ارزش یک عنصر HTML را با استفاده از “id = “demo تغییر می دهد:
1 2 3 4 5 | <h1 id="demo">This is a Heading</h1> <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">Click Me! </button> |
اگر هنوز با جاوا اسکریپت مشکل دارید یا هنوز کار با آن را نمی دانید به دوره آموزش جاوا اسکریپت پی وی لرن بپیوندید!
تمام عناصر XML را می توان از طریق XML DOM مشاهده نمود.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <?xml version="1.0" encoding="UTF-8"?> <bookstore> <book category="cooking"> <title lang="en">Everyday Italian</title> <author>Giada De Laurentiis</author> <year>2005</year> <price>30.00</price> </book> <book category="children"> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> </bookstore> |
این کد ارزش متن عنصر اول <title> را در یک سند XML بازیابی می کند:
1 | txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue; |
در حقیقت XML DOM یک استاندارد برای این است که چگونگی دسترسی، تغییر، اضافه کردن و حذف عناصر XML را تعیین کند.
مثال زیر یک رشته متنی را درون یک XML DOM object بارگذاری می نماید و اطلاعات را از آن با جاوا اسکریپت استخراج می کند:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <html> <body> <p id="demo"></p> <script> var text, parser, xmlDoc; text = "<bookstore><book>" + "<title>Everyday Italian</title>" + "<author>Giada De Laurentiis</author>" + "<year>2005</year>" + "</book></bookstore>"; parser = new DOMParser(); xmlDoc = parser.parseFromString(text,"text/xml"); document.getElementById("demo").innerHTML = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue; </script> </body> </html> |
در این جلسه در چند گام خلاصه، عملی و کاربردی با ابزار DOM در XML آشنا شدید.
در جلسه بعد با آموزش XPath در XML همراه شما هستیم.
با پی وی لرن همراه باشید.