Returns the element or node that contains the start of the selection.
Property of dom/Selectiondom/Selection
Syntaxvar node = selObj.anchorNode;
selObj.anchorNode = value;
Returns an object of type DOM NodeDOM Node
ExamplesThe following example shows the text that you select, and all the text contained in the anchorNode element.
<!DOCTYPE html>
<html>
<head>
<title>AnchorNode Example</title>
<script type="text/javascript">
function getAnchorNode() {
if (window.getSelection) {
var selection = window.getSelection ();
var anchorNodeProp = selection.anchorNode;
alert ( "Selected text: \n" + selection.toString() + "\nText related to the node: \n" + anchorNodeProp.toString());
}
}
</script>
</head>
<body>
<div onmouseup="getAnchorNode()">
<p>
Select some text with your mouse within this field.
When the left button is released, a dialog pops up with the anchor node.
</p>
<p>
This is some more text to try as well.
</p>
</div>
</body>
</html>
Returns null if not successful. This is not supported by Windows Internet Explorer 8 or earlier versions. AnchorNode returns the value of the startContainer attribute of the first Range object in the list. See focusNode to find the node that contains the end of a selection.
A user may make a selection from left to right (in document order) or right to left (reverse of document order). The anchor is where the user began the selection. This can be visualized by holding the Shift key and pressing the arrow keys on your keyboard. The selection’s anchor does not move, but the selection’s focus, the other end of the selection, does move.
SyntaxstartNode=selObj.anchorNode;
Standards informationMozilla Developer Network : [Selection.anchorNode Article]
Microsoft Developer Network: [anchorNode Property Article]
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4