개체의 제목을 반환하거나 설정한다.

인수
object : (개체 이름)

연결 개체의 이름이다.

: (속성 문자열)

선택적인 속성값은 개체의 제목을 나타내는 문자열이다.

기능성은 없고 참고적인 문자열로 정보를 제공한다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

IE에서는 개체에 마우스를 올렸을 때 나타나는 기능을 제공하여 사용자에게 정보를 제공한다(ToolTip).

적용
개체scriptHTML규격IE
참고
title(elements) title(document) title(styleSheet)

이 속성은 (영문) HTML 3.2와 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.


제목을 넣고 속성 보기 예제

SPAN 예제
DIV 예제
<SPAN id=spanObj>SPAN 예제</SPAN>
<DIV id=divObj>DIV 예제</DIV>
<DIV id=showArea title="결과 표시창" style="border:solid 1 blue">
<SCRIPT>
spanObj.title='SPAN 예제에 넣은 제목';
divObj.title='DIV 예제에 넣은 제목';
document.write('spanObj.title='+spanObj.title+'<BR>');
document.write('divObj.title='+divObj.title);
</SCRIPT>
</DIV>

현재 페이지의 속성 모두 보기 예제

결과 표시창
<SCRIPT>
function checkTitle(){
  allCol=document.all;
  str='allCol.length='+allCol.length+'<BR>';
  for (i=0;i<allCol.length;i++){
    if (allCol[i].title){
      str+='allCol['+i+'].nodeName=<FONT color=blue>'+allCol[i].nodeName+'</FONT> ';
      str+='allCol['+i+'].title=<FONT color=blue>'+allCol[i].title+'</FONT><BR>';
    }
  }
  showA.innerHTML=str;
}
</SCRIPT>
<BUTTON onclick=checkTitle()>페이지의 제목 모두 보기</BUTTON>
<DIV id=showA>결과 표시창</DIV>