Moving one element into another element in JavaScript
In this post we will give you information about Moving one element into another element in JavaScript. Hear we will give you detail about Moving one element into another element in JavaScriptAnd how to use it also give you demo for it if it is necessary.
we are going to learn about how to move one element inside another element in JavaScript.
Consider, we have two elements like this.
<div id="parent"> <h1>I'm parent div</h1></div><div id="child"> <h1>I'm child div</h1></div><button id="btn">Move element</button>
Now, we need to move the child into parent div like this.
<div id="parent"> <h1>I'm parent div</h1> <div id="child"> <h1>I'm child div</h1> </div></div><button id="btn">Move element</button>
Using the appendChild method
Inside the JavaScript first, we need to access the parent and child elements using document.getElementById() method then we need to use the appendChild() method to move child element into a parent.
The appendChild method inserts the specified element at the end of a parent node list.
const parent = document.getElementById('parent');const child = document.getElementById('child');const btn = document.getElementById('btn');btn.addEventListener('click',()=>{ parent.appendChild(child);})
Demo
Hope this code and post will helped you for implement Moving one element into another element in JavaScript. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
PHP - I Can't get the $_POST Values on Ajax Request
In this post we will give you information about PHP - I Can't get the $_POST Values on Ajax Request. Hear we will give you detail about PHP - I Can't get the $_POST Values on Ajax RequestAnd how to use it also give you demo for it if it is necessary.
I want to share this posts with you because when i was working on native PHP and Ajax Post request(Specially AngularJS Post request) at that time i can't get Post value on form submit. That's why i would like to share you this post. I also want to tell you i was working on my Ubuntu 14.04. I did try lot but i can't get value.
At last find stuff to how to solve this issue, i did use "file_get_contents('php://input')" that way i could get POST value in json object and i also decode json value using "json_decode()". So let's try this way :
Example:
$post = file_get_contents('php://input');
$post = json_decode($post);
$sql = "INSERT INTO items (title) VALUES ('".$post->title."')";
$result = $mysqli->query($sql);
Hope this code and post will helped you for implement PHP - I Can't get the $_POST Values on Ajax Request. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs