使用 JavaScript 将元素添加到页面时如何获得通知？

要在将元素添加到页面时显示通知，我们可以使用 createElement()方法创建一个具有指定名称的元素列表。之后，我们将通过createTextNode() 方法创建一个文本节点。然后我们将在该列表中追加新元素并使用alert()函数向用户显示通知。

下面的示例说明了该方法：

示例：在此示例中，我们已经有一个列表，因此我们希望在该列表中添加另一个元素，但是当我们想在该列表中添加一个元素时，当我们单击按钮以在该列表中添加一个元素时，我们将显示通知警报.

HTML

    
        
            function add() {
                 
                // Add li element
                var node = document
                .createElement("li");
                 
                // Add element into the list
                var textnode = document
                .createTextNode("JS");
                 
                // Append the element into the list
                node.appendChild(textnode);
                document.getElementById("myList")
                .appendChild(node);
                 
                // Alert message when element gets added
                alert("Element is getting added") ;    
            }
        
    
    
            
                GeeksforGeeks
            
            
                Click the button to append an item
                to the end of the list.
            
            
                HTML
                CSS
            
            
            
                Add Elements
            
    

输出：