小编Joh*_*hn 的帖子

我在我的HTML中有1个按钮和一些文本,如下所示:

function get_content(){
   // I don't know how to do in here!!!
}

<input type="button" onclick="get_content()" value="Get Content"/>
<p id='txt'>
<span class="A">I am</span>
<span class="B">working in </span>
<span class="C">ABC company.</span>
</p>

当用户单击该按钮时,该内容<p id='txt'>将成为以下内容

预期结果:

<p id='txt'>
// All the HTML element within the <p> will be disappear
I am working in ABC company.
</p>

任何人都可以帮我如何编写javascript函数？谢谢.

可能重复:
如何使用Javascript向html页面添加/删除CSS /颜色样式？

我对HTML和javascript有疑问.我得到了以下的paragrahe.

function add_span(){
     // ??
}

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

是否可以在用户之后得到以下结果

1. 用鼠标选择突出显示的文本
2. 单击按钮

例如

1. 突出'声明1'
2. 单击按钮

预期结果:

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

// updated code in the add_span

    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;
    }

    //create the DOM object
    var newSpan …

我有以下HTML,两个按钮和一个段落代码,以及javascript,如下所示:

// HTML
<input type="button" onclick="insert()" value="insert"/>
<input type="button" onclick="delete()" value="delete"/>
<p id='text'>
Line 1
Line 2
</p>

//javascript
function insert(){
  // ?
}

function delete(){
  // ?
}

当用户单击删除按钮时,将删除第1行和第2行.

当用户单击插入按钮时,将插入第1行和第2行.

第1行和第2行仅在它们之间不插入时才会插入<p id='text'>.

谁能帮我？

我对javascript有疑问.我在javascript中编写了一个函数,并在.html文件中编写了该函数.

但是,当我单击该按钮时,它会在IE 8中显示"对象不支持此属性或方法"错误.

谁能帮我？谢谢.

function colour (colour) {
    var selectTxt =    
       window.getSelection() ||
       document.getSelection() ||
       (document.selection ? document.selection.createRange().text : ''),
       targetHTML = document.getElementById('text'); // text is a id in HTML
       targetHTML.innerHTML =
         targetHTML.innerHTML.replace(
                  RegExp(selectTxt),
                  '<span class="' + colour + '">'+selectTxt+'</span>');
}

// HTML
<input type="button" onclick="colour('green')" value="Green"/>
<p id='text'>I live in ABC and I am working in ABC company.</p>