[JavaScript] document 개체 속성
3497 단어 JavaScripthtmldocument
document 에서 이러한 속성 을 설명 하 는 것 은 전형 적 이지 않 지만 한 대상 만 파악 하면 된다.
어떤 사건 의 처리 방식 도 자 연 스 럽 게 다른 대상 에서 이것 을 처리 하 는 것 을 파악 하 였 다.
사건
document 대상 이 지원 하 는 사건 은 여기 서 군말 하지 않 겠 습 니 다.
다음은 document 대상 속성:
1. forms 배열 대상: html 문서 의 모든 form 태그 에 대한 집합 을 대표 합 니 다.
2. anchors 배열 대상: html 문서 에서 지정 한 name 속성 이나 id 속성 을 대표 하 는 a
라벨 이 맞 는 집합.
3. links 배열 대상: html 문서 에서 지정 한 href 속성 을 나타 내 는 a 태그 쌍 의 집합.
4. images 배열 대상: html 문서 에서 지정 한 img 태그 의 집합 을 대표 합 니 다.
5. scripts 배열 대상: html 문서 에서 지정 한 script 태그 의 집합 을 대표 합 니 다.
6. applets 배열 대상: html 문서 에서 지정 한 applt 태그 의 집합 을 대표 합 니 다.
applt 은 자바 프로 그래 밍 에 속 하 는 전문 기술 로 자바 script 에 속 하지 않 습 니 다.
7. all 배열 대상: 모든 html 태그 집합.
8. stylesheets 배열 대상: 모든 style, link 태그, import 가 도입 한 스타일 시트
의 집합.
9. body 대상: body 라벨 쌍 을 대표 합 니 다. body 라벨 의 하위 라벨 은 body 대상 으로 할 수 있 습 니 다.
속성 으로 사용 합 니 다.
10. title 대상: html 문서 에서 지정 한 title 태그 의 집합 을 대표 합 니 다.
이 대상 을 통 해 title 제목 의 내용 을 설정 합 니 다.
documents 대상 속성 예 1:
html 코드 먼저 보기:
<body onload="checkall()">
<a href="#mark" name="href1">to p1</a>
<a href="#mark" name="href2">to p2</a>
<img src="sample.gif" name="img1">
<form name="form1">
<input type=submit>
</form>
<a name="mark1">paragraph1
<form name="form2">
<input type=text name="user"><br>
<input type=submit>
</form>
<a name="mark2">paragraph2
</body>
checkall () 방법 에서 새 문서 창 을 엽 니 다.
위의 각종 html 태그 의 통계 정 보 를 표시 합 니 다:
<script language="javascript" name=script1>
function checkall()
{
var owin=window.open("","_blank");
owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+
"<caption>all "+document.all.length+" </caption><tr>")
for(var i=0;i<document.all.length;i++)
{
owin.document.write("<td>"+document.all[i].tagName+"</td>");
}
owin.document.writeln("</tr></table>");
var objnames=["links","forms","anchors","scripts","images"];
for(var j=0;j<objnames.length;j++)
{
owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+"<caption>");
eval('owin.document.write(objnames[j]+" "+document.'+objnames[j]+'.length)');
owin.document.write(" </caption><tr>");
}
var len=0;
eval("lan=document."+objnames[j]+".length");
for(var i=0;i<len;i++)
{
eval('owin.document.wrtie("<td>"+document.'+objnames[j]+'[i].name+"</td>")');
}
owin.document.writeln("</td></table>");
}
</script>
실행 효과:
all 배열 에는 모두 16 개의 요소 가 있 습 니 다. HTML HEAD TITLE SCRIPT BODY A IMG FORM INPUT A FORM INPUT BR INPUT A
링크 스 그룹 은 모두 두 개의 요소 가 있 습 니 다.
forms 배열 에는 모두 두 개의 요소 가 있 습 니 다.
anchors 배열 은 모두 4 개의 요소 가 있 습 니 다.
scripts 배열 에는 모두 1 개의 요소 가 있 습 니 다.
전재 출처 를 밝 혀 주 십시오:http://blog.csdn.net/acmman/article/details/47615311
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.