如何动态改变div span的内容_IT百科

<!DOCTYPE html>

<head>

$(document).ready(function(e) {

$("#btn").click(function(){

//.show_info是找到class="show_info"的div span是div里面的span标签text()是里面的文字信息，直接修改就可以了(深圳网站建设www.sz886.com)

$(".show_info span").text("修改后的内容！")

})

</script>

</head>

<body>

</body>

</html>

1、设置边框和背景色需要使用css的border和background属性。具体的用法是，首先打开html编辑器，在空白的html文件中，新建一个div和span标签，并在上方head里设置style标签：

2、接着在style标签中设置span和div的标签，首先给它们宽度和高度，接着给他们设置不同颜色，最后设置边框border，border属性的3个值分别代表边框宽度，边框样式，边框颜色：

3、其中边框样式有点线，虚线，双线，实线等不同类别，具体样式在下图中均已列出，可根据自己的喜好选择，这里设置span的边框样式为dashed，div的为solid：

4、最后打开浏览器，就可以看到设置好的效果了。以上就是设置span和div的边框和背景色的方法介绍：

欢迎分享，转载请注明来源：内存溢出

如何动态改变div span的内容