javascript如何实现div中内容替换？
比如我要把“丑”替换成很“帅”怎么弄，注意是只替换这一个字<html><head></head><body><divid='testdiv'>我很丑！</div></bo...
比如我要把“丑”替换成很“帅”怎么弄，注意是只替换这一个字
<html>
<head></head>
<body><div id='testdiv'>我很丑！</div></body>
</html>
忘记说了 鼠标还要点击一下这几个字才变 展开
<html>
<head></head>
<body><div id='testdiv'>我很丑！</div></body>
</html>
忘记说了 鼠标还要点击一下这几个字才变 展开
6个回答
展开全部
通过更新innerHTML信息实现内容替换
1、定义一个div节点
<div id='test'>123</div>
2、获取该div节点
var dt = document.getElementById('test');//通过id获取该div3、替换div的内容
dt.innerHTML = "abc";//把123替换成abc
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
好菜的问题呀.
<html>
<head>
<script>
function change(){
var dom_obj = document.getElementById("testdiv");
dom_obj.innerText = "我很帅";
dom_obj.style.color="red";
}
</script>
</head>
<body><div id='testdiv' onclick="change()">我很丑！</div></body>
</html>
具体你要做出什么效果你自己参照吧,style是CSS对象,在它身上有很多属性,利用它可以做出更多的效果.
div对象中有几个属性,比如你的div要是这样的<div><font>我很丑！</font></div>
这时它们的值是不一样的.
innerHTML="<font>我很丑！</font>"
innerText="我很丑!";
outerHTML="<div><font>我很丑！</font></div>";
<html>
<head>
<script>
function change(){
var dom_obj = document.getElementById("testdiv");
dom_obj.innerText = "我很帅";
dom_obj.style.color="red";
}
</script>
</head>
<body><div id='testdiv' onclick="change()">我很丑！</div></body>
</html>
具体你要做出什么效果你自己参照吧,style是CSS对象,在它身上有很多属性,利用它可以做出更多的效果.
div对象中有几个属性,比如你的div要是这样的<div><font>我很丑！</font></div>
这时它们的值是不一样的.
innerHTML="<font>我很丑！</font>"
innerText="我很丑!";
outerHTML="<div><font>我很丑！</font></div>";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head></head>
<body><div id='testdiv' onclick='change()'>我很丑！</div></body>
</html>
<script>
change()
{
document.all.testdiv.outerHTML="我变漂亮了！";
}
</script>
<head></head>
<body><div id='testdiv' onclick='change()'>我很丑！</div></body>
</html>
<script>
change()
{
document.all.testdiv.outerHTML="我变漂亮了！";
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language=javascript>
var x=0;
function change(){
if(x==0){ document.getElementById("testdiv").innerHTML="我很帅！"; x++;}
else if(x==1){ document.getElementById("testdiv").innerHTML="我很丑！"; x--;}
}
</script>
<html>
<head></head>
<body><div id='testdiv' onclick="change()">我很丑！</div>
</body>
</html>
var x=0;
function change(){
if(x==0){ document.getElementById("testdiv").innerHTML="我很帅！"; x++;}
else if(x==1){ document.getElementById("testdiv").innerHTML="我很丑！"; x--;}
}
</script>
<html>
<head></head>
<body><div id='testdiv' onclick="change()">我很丑！</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language=javascript>
function change(){
var str=document.getElementById("testdiv").innerHTML;
str=str.replace("丑","帅");
document.getElementById("testdiv").innerHTML=str;
}
</script>
<html>
<head></head>
<body><div id='testdiv' onclick="change()">我很丑！</div>
</body>
</html>
点击字试试,没有问题的
function change(){
var str=document.getElementById("testdiv").innerHTML;
str=str.replace("丑","帅");
document.getElementById("testdiv").innerHTML=str;
}
</script>
<html>
<head></head>
<body><div id='testdiv' onclick="change()">我很丑！</div>
</body>
</html>
点击字试试,没有问题的
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
