【急】获取div里的值 编辑器

kacc850 发布于 2017/06/20 14:10
阅读 94
收藏 0

<div id="d1">6666</div>
<input type="hidden" name="hid" id = "hid" value="">

赋值就可以这么写:
document.getElementById("hid").value = document.getElementById("d1").innerHTML;

 

这种做法就是 di的值赋值给hidden隐藏的input框,然后提交form表单 传递给后端。

但问题是 我如何要时时执行 下面这段js呢? 我的意思是 编辑器是一个div框,我要时时执行编辑器里的内容传递给 input框里啊。

加载中
0
光束蜗牛
光束蜗牛
在点击提交的时候取值再赋值呗。写在click的function中。
0
confused_man
confused_man
var myElement = document.getElementById('d1');
        if(window.addEventListener) {
        // Normal browsers
        myElement.addEventListener('DOMSubtreeModified', contentChanged, false);
        } else
        if(window.attachEvent) {
            // IE
            myElement.attachEvent('DOMSubtreeModified', contentChanged);
        }

        function contentChanged() {
            document.getElementById('hid').value = myElement.innerHTML
        }

 

kacc850
kacc850
回复 @confused_man : 应该的,辛苦费
confused_man
confused_man
回复 @kacc850 : coderqiao, 谢谢啊
kacc850
kacc850
哥们 谢谢啊,这样就不要单独执行一个js方法了,你微信多少啊 ,给你转10元辛苦费
0
kacc850
kacc850

引用来自“confused_man”的评论

var myElement = document.getElementById('d1');
        if(window.addEventListener) {
        // Normal browsers
        myElement.addEventListener('DOMSubtreeModified', contentChanged, false);
        } else
        if(window.attachEvent) {
            // IE
            myElement.attachEvent('DOMSubtreeModified', contentChanged);
        }

        function contentChanged() {
            document.getElementById('hid').value = myElement.innerHTML
        }

 

非常感谢 ,我这样写行吗

在点submit提交时执行

 

<input type="submit" onclick="init();">

 


    function init() {
        var ifr = document.getElementById("idEdit").innerHTML;
       
      // alert(ifr);

        document.getElementById("a").value = ifr;

    }
 

kacc850
kacc850
回复 @confused_man : 但是 你这种方法 消耗js主要在客户端吧,跟我服务端没影响吧
confused_man
confused_man
你这样是可以的, 我还以为你要监控div里内容变化, 只做提交的话, 提交的时候赋值,这样效率比较高,毕竟操作dom是比较耗时的
返回顶部
顶部