deleteFromDocument
Summary
Deletes the selected nodes from a document.
Method of dom/Selectiondom/Selection
Syntax
var result = selObj.deleteFromDocument();
Return Value
Returns an object of type NumberNumber
Type: HRESULT
If this method succeeds, it returns S_OK. Otherwise, it returns an HRESULT error code.
Examples
In the following example, select the text and elements in the shaded section. When the mouse button is released, the selected items are deleted. Refresh the page to try again.
<!DOCTYPE html>
<html>
<head>
<title>Delete From Document</title>
<script type="text/javascript">
function deleteSelectedContent() {
if (window.getSelection){ //check for a selection
var selection = window.getSelection(); //get a selection object
selection.deleteFromDocument(); //remove content
}
}
function refresh()
{
window.location.reload( false ); //reload our page
}
</script>
</head>
<body>
<div onmouseup="deleteSelectedContent ()" style="background-color:#c0c0c0;" >
<h1>Now you see it</h1>
<p>Select some text or elements on this page. When you release the mouse button, it will be gone. </p>
<h2>H2 header</h2>
<p>Some more sample text to <strong>delete</strong>.</p>
</div>
<input type="button" value="Refresh page" onclick="refresh()" />
</body>
</html>
</html>
Syntax
window.getSelection().deleteFromDocument();
Standards information
- HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 7.6.1
Attributions
Mozilla Developer Network : [Selection.deleteFromDocument Article]
Microsoft Developer Network: [deleteFromDocument Method Article]