js如何替换div中的html语言

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

如果是用JS的话:
document.getElementsByClassName("divClassName").innerHtml="<p>替换后的内容</p>";
如果是用jQuery的话,就相对简单点:
$(".divClassName").html("<p>替换后的内容</p>");
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-26
测试通过的,希望采纳。直接复制到页面就可以看到效果了
<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页面,把代码复制进去,不要把头信息删除了

追问

你最外面的就是单引号,,再改里面的单引号会报错的

追答

那就拼接。把content+='年龄:';改成
content+='年龄:';

本回答被提问者和网友采纳
第2个回答  2015-09-10
原生js就是:找到这个div,然后使用innerHTML来替换里面的内容
<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
第3个回答  2012-10-26
$("#panel").html(
<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有啥区别

第4个回答  2019-06-19
<!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>

JS替换HTML页面指定div里的字符,如把 | 替换成 \/
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档<\/title><\/head><script>window.onload = function(){document.getElementById("anqu").innerHTML = document.getElementById("anqu").innerHTML.replace(\/\\|\/g,"\/");}<\/script><body><ul id="anqu"><li>第一类|第...

JS替换HTML页面指定div里的字符,如把 | 替换成 \/
那么如果用jquery的话就很简单,例如:<html><head><meta charset="utf-8"><title>无标题文档<\/title><script src="http:\/\/libs.baidu.com\/jquery\/2.0.0\/jquery.min.js"><\/script><script>$(".anqu").each(function(index, element) { $(this).html($(this).html().replace(\/\\|\/...

js 如何替换 html 内的字符串
document.getElementById("你想修改的标签的ID").innerHTML 这是换里面的HTML代码 document.getElementById("你想修改的标签的ID").text 可以换里面的text document.getElementById("你想修改的标签的ID").value 可以换里面的值

如何用javascript改变DIV中的内容?
通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。代码示例如下:=== <html> <head> <meta charset="UTF-8"> <script> function ChangeDiv(){ document.getElementById("1").innerHTML="内容2";} <\/script> <\/head> <br> <br> <br> <div id = "1" ...

如何用js代码替换网页自内动生成的超链接网址?有求高手,感谢!_百度知...
JS代码要放在最后.等ASP生成后加载完成时再替换动作.1.取得DIV内文字的代码如下 <div id="text">这里是文字信息<\/div> <script language="javascript"> alert(document.getElementById("text").innerHTML);document.getElementById("text").innerHTML = "helloInnerHTML";<\/script> 2.重写DIV内...

JS替换整个页面的文本
思路:正则替换 举例:<script type="text\/javascript"> var s = "<span style='display:none;'>This is test<\/span>";s = s.replace(\/<[^>].*?>\/g,""); \/\/这里全局替换非标签文本 alert(s);<\/javascript>

怎么在js中生成div的html代码,以用来替换jsp页面中的div
language="javascript">function g_html(){ document.getElementById("inhtml").innerHTML='<input type=text name=user value=这是js生 成的>'; } <\/script> <a href="javascript:g_html()">生成一个input<\/a> <div id="inhtml"><\/div><\/body><\/html> ...

js替换某个DIV字符
function rep(){ var re=document.getElementById("ccc")re.innerHTML=re.innerHTML.replace(\/(["|'])+?(\\\/tags\\.php\\?)\/gmi,'$1\/tj$2')}

如何在一个div标签中嵌入另一个HTML?
1.基于Jquery的DIV嵌套html Html代码:scriptsrc=js\/jquery.js>\/script>divid=btn>新页面\/div> Js代码:(document).ready(function)(){ (#btn#newDivnew.html });});点击“新建页面”进行添加。2.基于纯js代码的嵌套:Html代码:buttontype=buttonid=btnonClick=javascript:load_home();> 确认 fun...

如何用JS读取html文件中的内容到另外的一个HTML页面上
1、首先新建文件。2、js如何获取div里面的内容,代码如下。3、js修改div里面的内容。4、js 获取input里面的内容。5、js修改input里面的内容,这样就完成了。注意事项:因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

相似回答