Question

编辑内部html并保存。即下载它：

<script type="text/javascript" >
            $(document).ready(function () {


             function downloadInnerHtml(filename, elId, mimeType) {
                 var elHtml = document.getElementById(elId).innerHTML;
                 var link = document.createElement('a');
                 mimeType = mimeType || 'text/plain';

                 link.setAttribute('download', filename);
                 link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
                 link.click();
             }

             var fileName = 'tags.txt';

            $('.edit').click(function () {
                $(this).hide();
                $('#content').addClass('editable');
                $('p').attr('contenteditable', 'true');
                $('.save').show();
            });

            $('.save').click(function () {
                $(this).hide();
                $('#content').removeClass('editable');
                $('p').removeAttr('contenteditable');
                $('.edit').show();
                downloadInnerHtml(fileName, 'content', 'text/plain');
            });



        });
    </script>

Answer 1

我对此火灾反应没有解释，但您可以尝试 JQuery 而不是 DOM

  var link  = ($('<a>').insertAfter($('body')))[0]

编辑：好的发现了！你只需将它附加到页面主体。

注意这个：

document.body.appendChild(link);

在致电Click()方法之前。

如何编辑内部html，保存并在不同的页面中显示

1 个答案: