canHaveChildren property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

0 out of 7 rated this helpful - Rate this topic

Gets a value indicating whether the object can contain child objects.

Syntax

JavaScript	`p = object.canHaveChildren`

Property values

Type: Boolean

Indicates whether the object can contain child objects.

false (false): The object cannot be a parent to child objects.
true (true): The object can be a parent to child objects.

Remarks

Objects do not have to contain children for the canHaveChildren property to return true. This property is useful in determining whether objects can be appended as children.

Examples

This example uses the canHaveChildren property to add a new object to the first element in a document that can contain children.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/canHaveChildren.htm


<!DOCTYPE html>
<html >
<head>
        <title></title>
</head>
<body>
 <script type="text/javascript">   
   function fnAddChild() {
     var oNewObject = document.createElement("span");
     var oNewText = document.createTextNode("Test");
     oNewObject.appendChild(oNewText);
     for (var i = 0; i < document.all.length; i++) {
       if (document.all[i].canHaveChildren == true) {
         document.all[i].appendChild(oNewObject);
         break;
       }
     }
   }
</script>
<input type=button value="Add Child" onclick="fnAddChild()">
<div id=oGrandParent style="background-color: #CFCFCF;">
<span>Some text here</span>
</div>

</body>
</html>

canHaveChildren property

Syntax

Property values

Remarks

Examples

See also

Community Additions