jquery和javascript中如何将一元素的内容赋给另一元素


在jQuery和原生JavaScript中,将一个元素的内容赋给另一个元素的方法有所不同,但都非常直接。

### jQuery 方法

使用`.html()`方法可以很容易地实现这一点。`.html()`方法既可以用来获取元素的内容,也可以用来设置元素的内容。


// 假设有两个元素,分别是#source和#target
// 我们想将#source的内容赋给#target
$("#target").html($("#source").html());

### 原生 JavaScript 方法

在原生JavaScript中,你可以使用`innerHTML`属性来实现相同的功能。`innerHTML`既可以作为getter来获取元素的内容,也可以作为setter来设置元素的内容。


// 假设有两个元素,分别是document.getElementById('source')和document.getElementById('target')
// 我们想将source的内容赋给target
var source = document.getElementById('source');
var target = document.getElementById('target');
target.innerHTML = source.innerHTML;

这两种方法都非常直接且高效,你可以根据使用的库(如果有的话)或个人偏好来选择使用哪一种。