API 범위 객체
- 高洛峰원래의
- 2017-02-09 14:48:501541검색
범위 객체:
는 노드 또는 텍스트 노드의 일부를 포함하는 조각(HTML 조각)입니다. 일반적인 상황에서는 페이지에 동시에 하나의 범위
만 있거나 여러 범위가 있을 수 있습니다(여러 항목을 선택하려면 Ctrl 키를 사용하지만 Chrome과 같은 일부 브라우저에서는 이를 허용하지 않습니다).
선택 항목에서 범위 개체를 가져오거나 document.createRange() 메서드를 사용하여 가져올 수 있습니다.
1.getSelection(): 페이지에서 선택한 정보를 가져옵니다.
2. rangeCount: 간격 수, 선택된 콘텐츠 수 ;
3.selection.rangeCount;
4.selection.getRangeAt(i);
5.createRange() 메소드는 범위 객체를 생성합니다. ;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>range对象</title>
</head>
<body>
selection对象和range对象
<input type="button" value="点击" onclick="use()">
<div id="rangeDiv"></div>
<script>
function use() {
var html;
rangeDiv=document.getElementById("rangeDiv");
selection=document.getSelection();
if(selection.rangeCount>0){
html="您选择了"+selection.rangeCount+"段内容<br/>" ;
for(var i=0;i<selection.rangeCount;i++){
var range=selection.getRangeAt(i);
html+="第"+(i+1)+"段内容为:"+range+"<br/>";
}
rangeDiv.innerHTML=html;
}
}
</script>
</body>
</html>더 많은 API 범위 객체 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.