如何添加<；span>；通过javascript？

可能重复：

我有一个关于HTML和javascript的问题。我得到了下面的巴拉圭

function add_span(){
     // ??
}

<input type="button" onclick="add_span()" value="add span"/>
<p> statement1, statement2, statement3 </p>

---

回答部分问题：

function getSelText() {
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
             }
    else if (document.getSelection) // FireFox
    {
        txt = document.getSelection();
            }
    else if (document.selection)  // IE 6/7
    {
        txt = document.selection.createRange().text;
            }
    else return; document.aform.selectedtext.value =  txt; }

---

您可以从@Pezhvak IMV的答案中获得所选文本：

var selectedText;
if (window.getSelection)
{
    selectedText = window.getSelection();
}
else if (document.getSelection) // FireFox
{
    selectedText = document.getSelection();
}
else if (document.selection)  // IE 6/7
{
    selectedText = document.selection.createRange().text;
}

要添加元素，必须创建DOM节点，设置其属性并添加元素：

创建DOM节点：

var newSpan=document.createElement（'span'）

开班

newSpan.setAttribute（'class'，'ABC'）

在

下添加span to（该

应具有标识它的id或某种机制：

将

添加到

document.getElementById（'text'）.appendChild（newSpan）；

并设置文本

newSpan.innerHTML=selectedText；

您还可以使用

createTextNode

（步骤5的备选方案）

---

我希望他们只是写错了问题，但是你拼错了

类型

，并且在

输入

元素上的

值

之后缺少了一个

=

。你可以回答这个问题。谢谢你的回答，我还有一些问题。在我将代码添加到javascript中后，位置错了，它添加了在的末尾，不是合适的位置。我已经更新了代码，你介意再看一个吗？@John，对不起，我没有首先了解问题的完整上下文。如果要突出显示选定的文本，这些应该会有帮助：，

function getSelText() {
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
             }
    else if (document.getSelection) // FireFox
    {
        txt = document.getSelection();
            }
    else if (document.selection)  // IE 6/7
    {
        txt = document.selection.createRange().text;
            }
    else return; document.aform.selectedtext.value =  txt; }

var selectedText;
if (window.getSelection)
{
    selectedText = window.getSelection();
}
else if (document.getSelection) // FireFox
{
    selectedText = document.getSelection();
}
else if (document.selection)  // IE 6/7
{
    selectedText = document.selection.createRange().text;
}

var selectedTextNode = document.createTextNode(); 
newSpan.appendChild(selectedTextNode);