如何用js将一个<span>中的内容加入到另一个<span中>

Posted 2023-04-06

<span id="span1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</span>
<span id="span2">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</span>如何用js将span2中的内容加到span1中
只用js

参考技术A var text2 = $("#span2").text();
$("#span1").text(text2 ); 参考技术B span1.innerhtml += span2.innerHTML;

本回答被提问者采纳

如何用jquery获得span里的内容

1、给span一个id，或者给一个特定的class使用jquery的id选择器或者类选择器

<span id="spId" class="content">ajlwe</span>

var str=$("#spId").html();--通过id获取span，然后通过html()获取span里的内容
var str2=$("#spId").text();--通过id获取span，然后通过text()获取span里的内容
var str3=$(".content").html();--通过class获取span，然后通过html()获取span里的内容
var str4=$(".content").text();--通过class获取span，然后通过text()获取span里的内容

注：html()返回或设置被选元素的内容 (inner HTML)；text()获取设置或返回被选元素的文本内容

有的时候无法取得值时，是因为html是从上往下解析的，在解析到js里的$("#spId")时，下面这个span还不存在，当然就取不到了。
js代码放在<span>下面解析时，span就有了。另外，jQuery的做法是用ready函数包含这些js代码，这样的话，就不存在位置的问题了，放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js

参考技术A 首先引入jQuery，
然后在下面写script标签
<script>
var a = $("span").html();//也可以用text(),这个只取span里的文字，html()获取span里的html标签和文字内容

alert(a);

</script>