كود HTML:
<!DOCTYPE HTML>
<html>
<head>
****** http-*****="content-type" content="text/html" />
****** charset="utf-8" />
****** name="author" content="ZAizo_max" />
<title>HTML DOM</title>
</head>
<body>
<div id="max">
<p> HTML DOM اهلا وسهلا بكم معنا فى </p>
</div>
<button onclick="zaizo();" style="width: 50px; height: 25px;" ></button>
<script type="text/javascript">
function zaizo()
{
var x = document.getElementById("max");
x.firstChild.innerHTML="This Node انت الان قمت بتغيير محتوى";
}
</script>
</body>
</html>
كود HTML:
<html>
<head>
<title>HTML DOM </title>
</head>
<body style="">
<div>
<br />
<b id="max2">node اضغط الزر ليظهر لك اب هذا ال</b>
</div>
<button onclick="zaizo();" style="width: 50px; height: 25px;" ></button>
<script type="text/javascript">
function zaizo()
{
var x = document.getElementById("max2");
alert( x.parentNode.nodeName);
}
</script>
</body>
</html>
كود HTML:
<html>
<head>
<title>HTML DOM </title>
</head>
<body style="">
<div id="max">
<br />
<b id="max2">object مثال يوضح ان كل تاج عبارة عن </b>
</div>
<button onclick="zaizo();" style="width: 50px; height: 25px;" ></button>
<script type="text/javascript">
function zaizo()
{
var x = document.getElementById("max2");
alert( x.parentNode);
}
</script>
</body>
</html>