若何动态改变div span的内容[网站美工]

先看一个实例

对span的掌握

　　与div近似,但是它是按照行来显示的,看下面的代码:

function chagespan(number)
{
if (number == 1) {
document.getelementbyid("span1").innerhtml = "值为1";
}
if (number == 2) {
document.getelementbyid("span1").innerhtml = "值为2";
}
}
</script>

span行测试:

<span id="span1">默许值</span><br>
<a href="http://www.111cn.net" onclick="chagespan(1)">改变值为1</a>
<a href="http://www.111cn.net" onclick="chagespan(2)">改变值为2</a>

　　当点击“改变值为1”的时刻,“默许值”将变成“值为1”,但是“span行测试”和“默许值”是在同一行显示的,跟div不一样.

　　别的一个值得注意的就是,不管是div还是span,背面的名字都是认为id来定义的,不是象表单一样是利用name来定义的.

空格处理

当在div中输入"a[肆意个空格]a" html显目前chrome和ie下是一样的:只显示一个空格.

innerhtml属性

ie还是两个a加一个空格,
chrome则是原始输入的模样.
回车

当在div中输入"a[回车][肆意个空格]a"时,html显现chrome和ie是一样的.

innerhtml属性

ie是3个字符,在两个a中间加了个空格.
chrome则是原始输入的模样,将回车解析为n.
html标志

当在div中输入"a<br>a" html显目前chrome和ie下是一样的.

innerhtml属性

ie中是a<br>a,将html标志大写了!
chrome是a<br>a,将html标志小写
textarea中回车

在textarea多行输入框中输入a[回车]b,html显现chrome和ie是一样的.

value属性

ie是4个字符,内容为:arnb
chrome是3个字符,内容为:anb

<script type="text/网页特效">
function changetext(){
document.getelementbyid('boldstuff').innerhtml = 'fred flinstone';
}
</script>
<p>welcome to the site <b id='boldstuff'>dude</b> </p>
<input type='button' />

　　以上是“若何动态改变div span的内容[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：