js如何替换div中的html语言
<divclass="style"id="panel"><divclass="t">个人信息</div><formaction="11"id="info">xxxxx</...
<div class="style" id="panel">
<div class="t"> 个人信息</div>
<form action="11" id="info">xxxxx</form>
</div>
替换id="panel"的div中的所有内容，，结果是这样，，
<div class="style" id="panel">
<div class="t"> 商品信息</div>
<form action="22" id="goods">xxxxx</form>
<table>xxxxx</table>
</div> 展开
<div class="t"> 个人信息</div>
<form action="11" id="info">xxxxx</form>
</div>
替换id="panel"的div中的所有内容，，结果是这样，，
<div class="style" id="panel">
<div class="t"> 商品信息</div>
<form action="22" id="goods">xxxxx</form>
<table>xxxxx</table>
</div> 展开
5个回答
展开全部
如果是用JS的话：
document.getElementsByClassName("divClassName").innerHtml="<p>替换后的内容</p>"；
如果是用jQuery的话，就相对简单点：
$(".divClassName").html("<p>替换后的内容</p>");
document.getElementsByClassName("divClassName").innerHtml="<p>替换后的内容</p>"；
如果是用jQuery的话，就相对简单点：
$(".divClassName").html("<p>替换后的内容</p>");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
测试通过的，希望采纳。直接复制到页面就可以看到效果了
<div class="style" id="panel">
<div class="t"> 个人信息</div>
<form action="11" id="info">xxxxx</form>
</div>
<script type="text/javascript">
var content = '<div class="t"> 商品信息</div>';
content+='<form action="22" id="goods">xxxxx</form>';
content+='<table>xxxxx</table>';
document.getElementById("panel").innerHTML = content;
</script>
<div class="style" id="panel">
<div class="t"> 个人信息</div>
<form action="11" id="info">xxxxx</form>
</div>
<script type="text/javascript">
var content = '<div class="t"> 商品信息</div>';
content+='<form action="22" id="goods">xxxxx</form>';
content+='<table>xxxxx</table>';
document.getElementById("panel").innerHTML = content;
</script>
更多追问追答
追问
我form里面有一条这个语句
content+='年龄：';
${u.age} 它不识别的，，直接加进去文本框显示的就是${u.age}，，不是一个值，，还有“年龄”这个显示的是乱码
追答
把value="${u.age}"改成单引号 乱码是你的编码的问题，把文件存成utf-8的编码或者是gb2312我这里没有写 头信息，你创建一个空的lhtml页面，把代码复制进去，不要把头信息删除了
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原生js就是：找到这个div，然后使用innerHTML来替换里面的内容
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("#panel").html(
<div class="t"> 商品信息</div>
<form action="22" id="goods">xxxxx</form>
<table>xxxxx</table>
)
<div class="t"> 商品信息</div>
<form action="22" id="goods">xxxxx</form>
<table>xxxxx</table>
)
追问
这个不知道能不能行，，但是我是绑定单击事件的，，
Ext.onReady(function(){
Ext.get("button").on("click",function(){
//在这里面写js代码
});
}
);
追答
ext 跟jquery有啥区别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>替换多个字符</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
/*<![CDATA[*/
window.onload =
setInterval(function () {//这里是定时刷新，可以换倒计时，setTimeout
toRed($("#keyword").val(), "text");
}, 100);
function toRed(content, id) {
if (content == null || content == '') return true;
var bodyHtml = $("#" + id).html();
var keys = content.split(" ");
for (var i = 0; i < keys.length; i++) {
reger = new RegExp("(>|^)([^<]*)(" + keys[i] + ")([^>]*<)", "gm");
bodyHtml = bodyHtml.replaceAll(keys[i], "<font color='red'>" + keys[i] + "</font>");
}
$("#" + id).html(bodyHtml);
$("#search")[0].focus();
}
RegExp.quote = function (str) {
return str.replace(reger, "<font color='red'>$3</font>");
};
String.prototype.replaceAll = function (s1, s2) {
var v = RegExp.quote(s1);
return this.replace(new RegExp(v, "gm"), s2);
}
/*]]>*/
</script>
</head>
<body>
<input type="text" value="2" id="keyword"/>
<h1>变红奥</h1>
<div id="text">
<div>1234561203456781023456567890</div>
<div>12345612034567810234565
<div>123561203456781023456456
<div>1235612034567810234564567
<div>1234561203456781023456787890</div>
890
</div>
7890
</div>
6785612034567810234565612034567810234560
</div>
<div>1234565656120345678102345612034567810234567890</div>
<div>1234556125612034567810234565612034567810234565612034567810234560345678102345667890</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
