毫升 HTML 测试html 测试css 测试js CSS #css{color:red} JavaScript/JQuery var iframehtml=document.getElementById（“js”）.innerHTML；警报（iframehtml）；_Javascript_Jquery_Jquery Ui

毫升 HTML 测试html 测试css 测试js CSS #css{color:red} JavaScript/JQuery var iframehtml=document.getElementById（“js”）.innerHTML；警报（iframehtml）；

javascript jquery jquery-ui

毫升 HTML 测试html 测试css 测试js CSS #css{color:red} JavaScript/JQuery var iframehtml=document.getElementById（“js”）.innerHTML；警报（iframehtml）；,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,考虑以下示例工作小提琴： $（函数（）{ 函数getCode（tObj）{ var t=$（tObj）；返回t.val（）； } 函数copyTxt（str）{ var l=str.length；变量i=$（“”{ 键入：“文本”，样式：“宽度：0；高度：0；” }).val（str）.appendTo（“body”）.focus（）； i、获取（0）。设置选择范围（0，l）； var成功；试一试{ 成功=document.execCommand（“复制”）； }捕获（e）{ 成功

考虑以下示例

工作小提琴：

$（函数（）{
函数getCode（tObj）{
var t=$（tObj）；
返回t.val（）；
}
函数copyTxt（str）{
var l=str.length；
变量i=$（“”{
键入：“文本”，
样式：“宽度：0；高度：0；”
}).val（str）.appendTo（“body”）.focus（）；
i、 获取（0）。设置选择范围（0，l）；
var成功；
试一试{
成功=document.execCommand（“复制”）；
}捕获（e）{
成功=错误；
}
i、 删除（）；
回归成功；
}
函数getDOHTML（）{
var css=$（“”）.html（getCode（“#le css”）；
var ht=getCode（“#le html”）；
var js=$（“”{
键入：“text/javascript”
}).html（getCode（“#lejs”）；
var ct=“[dohtml]”+css.prop（“outerHTML”）+ht+js.prop（“outerHTML”）+“[/dohtml]”；
如果（copyTxt（ct））{
log（“创建+复制的DOHTML:+ct”）；
}否则{
控制台日志（“复制错误”，ct）；
}
}
$（“.le click”）。单击（getDOHTML）；
});

emilie copy dohtml的实时编辑器
HTML
你好，世界
CSS
p{字体大小：粗体；}
JavaScript/JQuery
log（“你好世界”）；
考虑以下示例
工作小提琴：

$（函数（）{
函数getCode（tObj）{
var t=$（tObj）；
返回t.val（）；
}
函数copyTxt（str）{
var l=str.length；
变量i=$（“”{
键入：“文本”，
样式：“宽度：0；高度：0；”
}).val（str）.appendTo（“body”）.focus（）；
i、 获取（0）。设置选择范围（0，l）；
var成功；
试一试{
成功=document.execCommand（“复制”）；
}捕获（e）{
成功=错误；
}
i、 删除（）；
回归成功；
}
函数getDOHTML（）{
var css=$（“”）.html（getCode（“#le css”）；
var ht=getCode（“#le html”）；
var js=$（“”{
键入：“text/javascript”
}).html（getCode（“#lejs”）；
var ct=“[dohtml]”+css.prop（“outerHTML”）+ht+js.prop（“outerHTML”）+“[/dohtml]”；
如果（copyTxt（ct））{
log（“创建+复制的DOHTML:+ct”）；
}否则{
控制台日志（“复制错误”，ct）；
}
}
$（“.le click”）。单击（getDOHTML）；
});

emilie copy dohtml的实时编辑器
HTML
你好，世界
CSS
p{字体大小：粗体；}
JavaScript/JQuery
log（“你好世界”）；
选择方法是选择元素内的文本。它的工作方式与您试图通过选择字符串来使用它的方式不同。只需选择文本字段对象，然后应用。我会用什么来代替呢？给你：如果有多个文本字段，不只是选择一个就意味着你只能从一个字段中获取信息吗？你有3个变量var html用于3种不同的东西，例如，你需要var html、var css、var js。一个正在覆盖最后一个。。。这是一个开始，不知道你还有什么。。。答案中有工作示例，请从中学习。选择方法是选择元素中的文本。它的工作方式与您试图通过选择字符串来使用它的方式不同。只需选择文本字段对象，然后应用。我会用什么来代替呢？给你：如果有多个文本字段，不只是选择一个就意味着你只能从一个字段中获取信息吗？你有3个变量var html用于3种不同的东西，例如，你需要var html、var css、var js。一个正在覆盖最后一个。。。这是一个开始，不知道你还有什么。。。你的答案中有工作实例，从中学习。这确实有效，谢谢你，但它揭示了一个新问题。我已经更新了我的问题！这确实有效，谢谢你，但它揭示了一个新问题。我已经更新了我的问题！
<!DOCTYPE html>
<html>
<head>
    <title>Live Editor</title>
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;700;900&display=swap" rel="stylesheet">
    <script type="text/javascript" src="assets/js/jquery.js"></script>
    <script type="text/javascript" src="assets/js/jquery-ui.js"></script>
</head>
<body>
    <div class="le-header">live editor by emilie <button class="le-click" onclick="getDOHTML();">copy dohtml</button></div>
    <div class="le-wrap">
        <div class="le-result">
            <iframe id="le-preview" src="">
            <!DOCTYPE html><html>
            <head>
            </head>
            <body>
            </body>
            </html>
            </iframe>
        </div>
        <div class="le-code">
            <button class="le-tit">HTML</button>
            <div class="le-pannel">
                <textarea id="le-html" onkeyup='saveValue(this);'></textarea>
            </div>
            <button class="le-tit">CSS</button>
            <div class="le-pannel">
                <textarea id="le-css" onkeyup='saveValue(this);'></textarea>
            </div>
            <button class="le-tit">JavaScript / JQuery</button>
            <div class="le-pannel">
                <textarea id="le-js" onkeyup='saveValue(this);'></textarea>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="assets/js/main.js"></script>
    <script type="text/javascript" src="assets/js/dohtml-copier.js"></script>
</body>
</html>

function getHTML() {
        var html = $('#le-html').val();
        return html;
    }
function getCSS() {
        var html = $('#le-css').val();
        return html;
    }

function getJS() {
        var html = $('#le-js').val();
        return html;
    }
function getDOHTML() {
    var dohtml = document.createElement('dohtml');
    dohtml.append("[dohtml]<center><style>" + getCSS(); + "</style>" + getHTML(); + "<script>" + getJS(); + "<\/script></center>[/dohtml]");
    dohtml.select();
    document.execCommand("copy");
    alert("Created + Copied DOHTML");

};

let textfield_one = document.getElementById('le-html');
textfield_one.select()

let textfield_two = document.getElementById('le-css');
textfield_two.select()

let textfield_three = document.getElementById('le-js');
textfield_three.select()

[..] 

var listOfElementsToLoop = [];
listOfElementsToLoop.push(document.getElementById('le-html'))
listOfElementsToLoop.push(document.getElementById('le-css'))
listOfElementsToLoop.push(document.getElementById('le-js'))

// loop the list of elements

listOfElementsToLoop.forEach(element => 
    element.select()
    etc.
    etc.
);