JS inserts DOM node (with code)

This time I will bring you JS insertionDOM node(with code), what are theprecautionsfor JS insertion into DOM node, the following is a practical case, let's take a look.

The example in this article describes the DOM insertion node operation implemented by JS. Share it with everyone for your reference, the details are as follows:

1 Introduction

Inserting nodes is achieved by using the insertBefore() method.

insertBefore()The method will insert a new child node before another child node.

obj.insertBefore(new,ref)

new: Represents a new child node.
ref: Specify a node and insert a new node before this node.

Second Application

Insert a node. In this example, enter the text to be inserted in the text box on the page, and then click "Insert Before" ” button inserts text into the page.

Three complete sample codes:

     
  
在上面插入节点
 
 输入文本：  
  

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other php Chinese websites related articles!

Recommended reading:

JS access selected DOM node (with code)

Using mint-ui in vue

The above is the detailed content of JS inserts DOM node (with code). For more information, please follow other related articles on the PHP Chinese website!