Javascript 使用函数翻转div

我是javascript新手，我有一个小问题

我想创建一个函数，通过按下该按钮来反转两个div（第一个放在第二位，反之亦然）。我希望你能理解

我有以下代码：

text 1
文本2
反转这里是一个简单的javascript解决方案

JSFIDLE

使用纯javascript，您可以简单地切换每个div的内容：


函数翻转（）{
div1_content=document.getElementById（“div1”）.innerHTML；
div2_content=document.getElementById（“div2”）.innerHTML；
document.getElementById（“div1”）.innerHTML=div2\u content；
document.getElementById（“div2”）.innerHTML=div1\u content；
}
Text 1
文本2
翻转它对于此解决方案，只需将当前的两个div放置在另一个父div容器中，然后单击invert按钮，在第一个div之前插入第二个div。无需更改或拖动内部文本或HTML


函数invertDivs（parentDiv）{
var first=document.getElementById（parentDiv.firstElementChild）；
console.log（第一）；
var second=document.getElementById（parentDiv.lastElementChild）；
console.log（第二个）；
document.getElementById（parentDiv）.insertBefore（第二，第一）；
}

第一组
第2组
反转
到目前为止，你有什么javascript？你想“创建一个函数”？或者你想让别人“创建一个函数”？我知道代码不包含javascript，这就是为什么我想创建一个javascript函数。这是我仅有的代码。我尝试了反向，但它似乎不起作用Wes，我只是想得到一个提示，我没有要求有人创建它。正如我所说，我；我在努力学习。我已经做了一些功能，但这一个有点烦我。谢谢大家的回答。我将尝试每个示例这是jQuery。他正在寻找更短更快的Javascript，因为它不会两次查询DOM。@gonecode jQuery每次使用选择器时都会查询DOM吗？它没有试图以任何方式减少它？@Abdul:Cache selector results在jQuery中变成一个局部变量。它不会在内部缓存它。ID查找速度非常快，但您仍然不希望在处理器密集型操作中产生解析开销。非常感谢。我会的，没问题。如果答案有帮助，一定要接受！非常感谢。我也会尝试这个例子。
myFunction = function(){
    var div1 = document.getElementById('one');
    var div2 = document.getElementById('two');

    var html = div1.innerHTML;
    div1.innerHTML = div2.innerHTML;
    div2.innerHTML = html;
};