HTML DOM hasChildNodes() Method

HTML DOM Bdo Object

Last Updated : 11 Jul, 2025

The DOM Bdo Object is used to represent the HTML <Bdo> element. The Bidirectional element is accessed by getElementById().

Properties: It has a dir attribute which is used to set or return the text direction of an element.

Syntax:

document.getElementById("GFG");

Where "GFG" is the ID assigned to the "bdo" tag.

Example 1: In this example, we will use DOM Bdo Object.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
        h2 {
            font-size: 35px;
        }
    </style>
</head>
  
<body>
    <h1>GeeksForGeeks</h1>
    <h2>DOM Bdo Object</h2>
    <bdo id="GFG" dir="rtl">
        A Computer science portal for geeks
    </bdo>
    <br>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
  
    <script>
        function myGeeks() {
            let w = document.getElementById("GFG");
            if (w.dir === "rtl") {
                document.getElementById("sudo").innerHTML =
                    "right to left text direction";
            } else {
                document.getElementById("sudo").innerHTML =
                    " left to right text direction.";
            }
        }
    </script>
</body>
  
</html>

Output:

Example 2: Bdo Object can be created by using the "document.createElement method.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <style>
        h1 {
            color: green;
        }
        h2 {
            font-size: 35px;
        }
    </style>
</head>
  
<body>
    <h1>GeeksForGeeks</h1>
    <h2>DOM Bdo Object</h2>
    <button onclick="myGeeks()">Submit</button>
  
    <script>
        function myGeeks() {
            let g = document.createElement("BDO");
            let f = document.createTextNode("GeeksForGeeks.");
            g.setAttribute("dir", "rtl");
            g.appendChild(f);
            document.body.appendChild(g);
        }
    </script>
</body>
  
</html>

Output:

Supported Browsers: The browser supported by DOM Bdo Object are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

HTML DOM hasChildNodes() Method

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML DOM normalizeDocument() Method

The normalizeDocument() method in HTML is used to normalize an HTML document by remove any empty text nodes if exists. After removing the empty nodes, it also merges all of the adjacent nodes present in the document. For Example, consider the below element: Element Geeks Text node: "" Text node: "He

HTML DOM lang Property

In HTML document, the lang property is used to set or return the value of the lang attribute of an element. This attribute specifies the language code of the element's content. The element attribute takes "en" for English, "ja" for Japanese, "es" for Spanish, and so on. The default value of this att

HTML DOM KeyboardEvent key Property

The keyboardEvent key property in HTML is used to return the value of the key pressed when a key event occurs. It returns a single-character or multi-character string depending on which key is pressed. It is a read-only property. Syntax: event.key Return Value: It returns a string that represents th

HTML DOM keyboardEvent charCode Property

The keyboardEvent charCode property in HTML is used to return the unicode value of a character key pressed during a keypress event. It is a read-only property. The unicode character denotes the number of a character(e.g. the unicode for "A" is 65). Syntax: event.charCode Note: This property has been

HTML DOM hasChildNodes() Method

The HTML hasChildNodes() property will return true if the given node has a child node or false if it doesn't have any child nodes. A blank line or whitespace is also treated as a child node so it also returns true on a blank line or whitespace. Prerequisite DOM (Document Object Model) Parameters: No

HTML DOM nodeValue Property

The HTML DOM nodeValue Property is used to describe the property of a given node. It is used to set or get the nodeValue in Any Html document. Prerequisites DOM (Document Object Model) Syntax: let x = document.getElementById("nodeId").firstChild; x.nodeType; x.nodeName; x.nodeValue; Parameters: No p

HTML DOM KeyboardEvent code Property

The keyboardEvent code property in HTML represents a physical key on the keyboard. It is used to return the key that triggers the event. Syntax: event.code Return Value: It returns a string that represents which key is pressed. Example 1: With KeyDown Event HTML <html> <head> <title

HTML DOM lastChild Property

The DOM lastChild property is used to return the last child of the specified node. It returns the last child nodes as text, comment, or element nodes (depend on which occurs at last). It is a read-only property. Syntax: node.lastChild Return Value: It returns a node object which represents the last

HTML DOM Aside Object

The DOM Aside Object is used to represent the HTML <Aside> element. The Aside element is accessed by getElementById(). The aside Element is new in HTML 5. Syntax: document.getElementById("ID"); where "id" is the ID assigned to the aside tag. Example 1: In this article, we will learn DOM Aside

HTML DOM Bold Object

The DOM Bold Object is used to represent the HTML <b> element. The bold element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where "id" is the ID assigned to the "b" tag. Example 1: In this example, we will use HTML DOM Bold Object HTML <!DOCTYPE html> <html