jquery 在div追加文本_用js或者jquery动态给div追加内容,不覆盖之前的内容

本文介绍了如何使用JavaScript和jQuery向div追加内容而不覆盖原有内容。通过示例代码展示了如何追加文本和带有H3标签的内容,以及jQuery中`append()`、`html()`和`val()`方法的使用。
摘要由CSDN通过智能技术生成

效果:js

3c34457675caa34685b506a19fa8240f.png

ss

var divA = document.getElementById("append");

divA.innerHTML = divA.innerText+'追加的内容s';

//divA.innerHTML +='追加的内容s';

divA.innerHTML = divA.innerHTML+'

追加内容为H3字体

';

效果:jq

c2fdbb2754758aa413c28ddb1bffeb9f.png

文本

This is a paragraph.

  1. List item 1

$(document).ready(function(){

$('span').append('随便加文本');//无效果

$("p").append(" Appended text.");//有标签效果

$("ol").append("

Appended item");

});

ab6b147836ec6099c9ff5d68c4d968bd.png

This is a paragraph.

This is a paragraph.

$(document).ready(function(){

$("p:first-child").html("Hello world!");//替换里面的所以内容 $("p").eq(0).html("Hello world!")第一个p

});

jquery中val()与之类似,$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);

本文来源于网络:查看 >https://blog.csdn.net/a772116804/article/details/79612572

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值