PDA

View Full Version : dom document


jamejam123
دوشنبه 25 فروردین 1393, 22:40 عصر
سلام و خسته نباشید به اساتید عزیز
لطفا به این کد یه نگا بندازید.




<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>

<section id="result">
<div>
<ul>
<li>
<div>14 - Aircraft Maintenance</div>
<ul>
<li data-country="Ireland" title="GOLD">Colin Callaghan </li>
<li data-country="Finland" title="SILVER">Antti Ukkonen </li>
<li data-country="Canada" title="BRONZE">Ryan Gomes </li>
</ul>
</li>
<li>
<div>13 - Autobody Repair</div>
<ul>
<li data-country="Japan" title="GOLD">Yuichi Sawaki </li>
<li data-country="Denmark" title="SILVER">Nikolaj Vinther Buur-Mouridsen</li>
<li data-country="Chinese Taipei" title="SILVER">MIN-CHEN CHO</li>
<li data-country="United Kingdom" title="SILVER">Ross Varnam </li>
</ul>
</li>
<li>
<div>33 - Automobile Technology</div>
<ul>
<li data-country="Switzerland" title="GOLD">Flavio Helfenstein</li>
<li data-country="Japan" title="GOLD">Shota Takeda </li>
<li data-country="United Kingdom" title="BRONZE">John Couldridge </li>
</ul>
</li>
</ul>
</div>
</section>

<script type="text/javascript">
var ff=document.getElementsByTagName('li').length;
alert(ff);
</script>
</body>
</html>a





تو اینجا چوری میتونم به 13 - Autobody Repair و زیر مجموعه های آن دسترسی پیدا کنم.
منظور از دسترسی به زیر مجموعه،دسترسی به UL و LI زیر مجموعه آن است.
اگه بخوام به همه ی LI ها دسترسی پیدا کنم.از این روش استفاده میکنم.
document.getElementsByTagName('li')
اگه بخوام به همه ی UL ها دسترسی پیدا کنم.باید از این روش استفاده کنم
document.getElementsByTagName('ul')
تو جیکوئری از این روش استفاده میکنم.
$('#result ul ul li')
حالا تو js چیکار کنم.
میشه یه کوچولو راهنماییم کنین.
بی نهایت ممنون
jamejam123
سه شنبه 26 فروردین 1393, 19:03 عصر
به این کد یه نگا بندازید


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<ul>
<li>
<div>14 - Aircraft Maintenance</div>
<ul>
<li data-country="Ireland" title="GOLD">Colin Callaghan </li>
<li data-country="Finland" title="SILVER">Antti Ukkonen </li>
<li data-country="Canada" title="BRONZE">Ryan Gomes </li>
</ul>
</li>
<li>
</li>

<script type="text/javascript">

</script>
</body>
</html>




چگونه میتونم به این li ها

<li data-country="Ireland" title="GOLD">Colin Callaghan </li>
<li data-country="Finland" title="SILVER">Antti Ukkonen </li>
<li data-country="Canada" title="BRONZE">Ryan Gomes </li>

دسترسی داشته،آن هارا انتخاب کرده و روی اونها عملیات انجام دهم.
تو رو حدا کمکم کنید
یه راهنمایی ساده بکنید.
بی نهایت ممنون
jalil_gh
چهارشنبه 27 فروردین 1393, 12:08 عصر
تو js هم می‌تونید از متد querySelectorAll برای انتخاب المنت‌ها مشابه جی‌کوئری استفاده کنید.
اینجا رو یه نگاه بندازید. (https://developer.mozilla.org/en/docs/Web/API/Document.querySelectorAll)
jamejam123
چهارشنبه 27 فروردین 1393, 16:25 عصر
به این کد یه نگا بندازید.


var ooo=document.querySelectorAll('li[data-country]');
var fff=ooo[0].parentNode.parentNode.nodeName;
alert(fff);


من ابن کد رو واسه بالایی نوشتم
تو این جا می خوام به دایو بعد از ooo[0] دسترسی داشته باشم.
یعنی به این دایو ها
<div>13 - Autobody Repair</div>آیا برای این کار روش و یا تابعی وجود دارد.
بی نهایت ممنون
jalil_gh
چهارشنبه 27 فروردین 1393, 22:49 عصر
شما می‌تونید از querySelectorAll و querySelector نه تنها تو سطح document بلکه تو سطح المنت‌ها هم می‌تونید برای کوئری کردن فرزندان اون المنت استفاده کنید.
به عنوان مثال:
ooo[0].parentNode.parentNode.querySelector("div");
jamejam123
پنج شنبه 28 فروردین 1393, 12:44 عصر
تشکر فراوان از شما دوست عزیز
واقعا خیلی کمکم کردین
تا به حال نمیدونستم که تو سطح المنت‌ها هم می‌تونیم برای کوئری کردن فرزندان اون المنت از queryselector استفاده کنیم.
حالا به این آرایه ها یه نگا بندازید.



var arr=new Array('14 - Aircraft Maintenance','13 - Autobody Repair','33 - Automobile Technology');
var ar=new Array('Ireland','Finland','Canada','Japan','Denmar k','Chinese');
var kk=new Array('GOLD','SILVER','BRONZE','GOLD','SILVER','SI LVER');



من می خوام این آرایه هارو به هم ربط بدم.
به این شکل


var tf={AircraftMaintenance:{country:['Ireland','Finland','Canada','Japan'],medal:['GOLD','SILVER','BRONZE','GOLD']}};


آیا از این روش استفاده کنم.
یا روش دیگری هم وجود دارد.
آرایه های چند بعدی به چی میگن.

میشه یه توضیح در مورد پروژم بدم تا راحت تر راهنماییم کنید:
من یه سرچ میخوام بنویسم وقتی ورودی رو از کاربر گرفت طبق اون از داخل آرایه من جستو جو کند.
مثلا کار بر نوشت Aircraft Maintenance زبر مجموعه های اون رو نمایش بده.
یعنی Aircraft Maintenance به ['Ireland','Finland','Canada','Japan'] و ['GOLD','SILVER','BRONZE','GOLD'] ربط پیدا کنه.
چه جوری بین این ها رابطه برقرار کنم.
به نظرتون از آرایه های چند بعدی استفاده کنم یا همون از object استفاده کنم.
اگه آرایه های چند بعدی به کارم میاد میشه یه توضیح در موردش بدید.
بی نهایت ممنون
jamejam123
شنبه 30 فروردین 1393, 19:24 عصر
سلام
راه حلی برا ی من سراغ ندارید!!!!!!
bahram-it
شنبه 07 تیر 1393, 02:04 صبح
سلام خسته نباشید
من در حال طراحی یه وب سایت نظرسنجی با تکنولوژی ASP.Net برای پروژه دانشگاه هستم.برقراری با دیتابیس هم ار طریق DataSet است
تو صفحه ای که باید نظرات ثبت بشه،سوالات از دیتابیس خونده میشه و تو یک جدول نمایش داده میشه.
چطور باید از DOM در اینجا استفاده کنم؟من اصلا با DOM اشنا نیستم و نمیدونم چطور Radio Button ها رو از طریق DOM نمایش بدم و چطور گزینه ای که انتخاب میشه رو مقدارش رو برگردونم
خواهش می کنم راهنماییم کنید