Question

我有以下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'>之间插入时才会插入。

任何人都可以帮助我吗？

Answer 1

对于insert()，

怎么样？

document.getElementById('text').innerHTML = 'Line 1\nLine 2';

和delete()，怎么样

document.getElementById('text').innerHTML = '';

请注意，delete是一个JavaScript关键字（甚至实际上已经实现了，这比我对JavaScript所拥有的完全过多的保留关键字的说法要多）。您需要将delete()函数命名为其他名称。

Answer 2

使用jQuery，您可以尝试：

$("#text").text('');

Answer 3

使用jQuery可以快速轻松地完成任务...将id添加到buttons。

$('#delete').click(function(){
    $('#text').html('');
})

$('#insert').click(function(){
    $('#text').html('Line 1 Line 2');
})

http://jsfiddle.net/jasongennaro/MTJxH/1/

Answer 4

function insert() {
    var para = document.getElementById("text");
    if(para.innerHTML === "") {
        para.innerHTML = "line1<br />line2";
    }
}
function remove() {
    document.getElementById("text").innerHTML = "";
}

但是，请注意我已更改delete函数的名称，因为delete是JavaScript关键字，不能用作函数名称。

这是working example。

Answer 5

function insert() {
    var p = document.getElementById('text');
    if (p.innerHTML == '') {
        p.innerHTML = 'Line 1<br />Line 2';
    }
} 
function delete() {
    document.getElementById('text').innerHTML = '';
}

Answer 6

function delete(){

        $('#text').html('');
    }

function insert(){
        if($('#text').text()=="")// add only if nothing inside
        {
        $('#text').html('Line 1 Line 2');
        }
    }

Answer 7

function delete()
{
    var delMe = document.getElementById('text');
    delMe.innerHTML = '';
}
function insert()
{
    var insMe = document.getElementById('text');
    insMe.innerHTML = "Line 1\r\nLine2";
}

轻松自负。

通过javascript </p>删除<p>之间的文字

7 个答案: