Javascript 在另一个div中包含选定文本的动态div_Javascript

Javascript 在另一个div中包含选定文本的动态div

javascript

Javascript 在另一个div中包含选定文本的动态div,javascript,Javascript,我有一个div元素。我将在此div中复制粘贴一些文本。然后，单击创建按钮后，将在div中创建另一个div，其中包含所选文本。新的div将具有不同的背景色、不同的字体和其他样式属性。但我的代码不起作用。请帮我找出错误。谢谢 <html> <head> <title>select</title> <style> </style> </head> <body> <scr

我有一个

div

元素。我将在此

div

中复制粘贴一些文本。然后，单击创建按钮后，将在

div

中创建另一个

div

，其中包含所选文本。新的

div

将具有不同的背景色、不同的字体和其他样式属性。但我的代码不起作用。请帮我找出错误。谢谢

<html>
<head>
    <title>select</title>
    <style>
    </style>
</head>
<body>
    <script>
        function changeit(){
            var slctn = document.getSelection();
            var strings = slctn.toString();
            alert(strings);
            var get_id = document.getElementById("myspace");
            var elem = document.createChild("div");
            var design = document.createAttribute("style");
            design.value = "background-color:white;color:red;font-weight:bold;font-style:italic;font-family:CURSIVE;";
            elem.setAttributeNode(design);
            elem.createTextNode(now);
            get_id.appendChild(elem);
            alert("it is done");
        }
    </script>
    <div contenteditable="true" width="400px" height="500px" style="background-color:pink;display:block;" id="myspace">ddd</div>
    <input type="button" value="select" onClick="changeit();">
</body>
</html>


选择
函数changeit（）{
var slctn=document.getSelection（）；
var strings=slctn.toString（）；
警报（字符串）；
var get_id=document.getElementById（“myspace”）；
var elem=document.createChild（“div”）；
var design=document.createAttribute（“样式”）；
design.value=“背景色：白色；颜色：红色；字体大小：粗体；字体样式：斜体；字体系列：草书；”；
元素设置属性节点（设计）；
elem.createTextNode（现在）；
获取附加子对象的id（elem）；
警报（“已完成”）；
}
ddd


函数changeit（）{
var slctn=document.getSelection（）；
var strings=slctn.toString（）；
警报（字符串）；
document.getElementById（“myspace”）.appendChild（“”+document.getElementById（“myspace”）.innerHTML+“”）；
}

工作？

用于创建您应该使用的

div

元素

var elem = document.createElement("div");

而不是

var elem = document.createChild("div");

而

createTextNode

是在

document

上执行的

document.createTextNode('now');

正在工作

@user3138436您是否看到正在工作的

演示

？

document.createTextNode('now');