怎么用JS改变<span>标签中的值

JavaScript024

怎么用JS改变<span>标签中的值,第1张

你这样可以改变<span>中的值,此为测试页面,你的代码可以正常运行。

另外,javascript部分我为你完善了一下,让用户填写东西以后,"订花人不能为空"这句话变回"*"。

圈起来的部分是我添加的代码。

如图,现在不输入姓名,后面提示"订花人不能为空"

输入以后变成"*"

1、通常触发函数都不可能是html标签自带特性,而是要透过结合js、jq来触发的。2、span标签内容改变触发函数,一般span内容也不可能是手动变化的,需要在函数内改变标签内容,那么我们可以在函数里头,等span内容改变后,在触发某个函数,例如:function changeSpan(){......$("#span").text("xxx")//内容已经改变changeSome()//紧接着后头调用函数。}

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>div</title> 

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(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>

    <div class="show_info"><span>测试信息</span></div>

    <br/> <input type="button" value="修改内容" id="btn"/>

</body>

</html>