• 회원가입
  • 로그인
  • 구글아이디로 로그인

[HTML_Objects] JS - <title> 객체 ★ - 웹문서제목 (= title태그 = 타이틀태그)

목차
  1. <title> 객체 정의 - 웹문서 제목
  2. <title> 객체 구문
  3. <title> 객체 예제 - 접근
  4. <title> 객체 예제 - 생성
  5. <title> 객체 속성

 

<title> 객체 정의 - 웹문서 제목

 

HTML <title> 태그(요소) 의미.

 

 

<title> 객체 구문

 

[접근]

var x = document.getElementsByTagName("TITLE")[0]

 

[생성]

var x = document.createElement("TITLE");

 

 

<title> 객체 예제 - 접근

 

<head>

   <title>Homzzang.com</title>

</head>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.getElementsByTagName("TITLE")[0].text;

  document.getElementById("demo").innerHTML = x;

}

</script> 

 

결과보기 

 

<title> 객체 예제 - 생성

 

<head>

</head>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.createElement("TITLE");

  var t = document.createTextNode("Homzzang.com");

  x.appendChild(t);

  document.head.appendChild(x);


  document.getElementById("demo").innerHTML = "TITLE 태그 생성 완료.";

}

</script> 

 

결과보기 

 

<title> 객체 속성

 

text

문서 제목의 텍스트 설정/반환.

 

※ <title> 객체는 표준 속성/메서드/이벤트 지원.

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
HTML_Objects JS - <table> 객체 ★ 테이블 (= 표작성 = table태그 = 테이블태그)</table>
HTML_Objects JS - <td> 객체 ★ - 테이블 데이터 셀 (= 테이블셀 = td태그 = 티디태그) (HTML5수정)<…
HTML_Objects JS - <th> 객체 ★ - 테이블셀제목 (= th태그 = 티에이치태그) + th고정 (= 테이블헤드고정,…
HTML_Objects JS - <tr> 객체 ★ - 테이블행 (= 테이블가로줄 = tr태그 = 티알태그) (HTML5수정)</tr…
HTML_Objects JS - <textarea> 객체 ★ - 여러줄 입력창 (= 텍스트입력영역 = 텍스트영역 = textarea…
HTML_Objects JS - <time> 객체 - 시간날짜정의 (= time태그 = 타임태그, IE9)
HTML_Objects JS - <title> 객체 ★ - 웹문서제목 (= title태그 = 타이틀태그)
HTML_Objects JS - <track> 객체 - 미디어트랙정보 (= track태그 = 트랙태그) (IE10)</tr>
HTML_Objects JS - <u> 객체 ★ - 밑줄태그 (= u태그 = 유태그 = 언더라인태그) (HTML5재정의)
HTML_Objects JS - <ul> 객체 ★ - 순서없는리스트 (= 순서없는목록태그 = ul태그 = 유엘태그/울태그/얼태그) …
HTML_Objects JS - <var> 객체 - 변수정의 (= 변수태그 = var태그 = 바태그)
HTML_Objects JS - <video> 객체 ★ - 영상재생 (= video태그 = 비디오태그) ※ 영상파일형식별로 브라우…
CSS_Objects JS - CSSStyleDeclaration 객체 (속성값 + 메서드) 종류
CSS_Objects JS - style.cssText 속성 - 인라인스타일선언내용 설정/반환
CSS_Objects JS - style.length 속성 - 스타일 선언 개수 반환 (= 스타일렝스 속성)
CSS_Objects JS - parentRule 속성 - CSS 선택자 및 선언내용 반환 (= 패런트룰 속성) (IE9+)
CSS_Objects JS - getPropertyPriority() 메서드 - CSS우선순위표시 (= !important) 유무…
CSS_Objects JS - getPropertyValue() 메서드 ★ - CSS 속성값 얻기. (= getPropertyVa…
CSS_Objects JS - item() 메서드 - 색인번호별 CSS속성명 반환 (= item메서드 = 아이템 메서드) IE9 …
CSS_Objects JS - removeProperty() 메서드 - 제거한 CSS속성의 속성값 반환 (= removePrope…
60/67
목록
찾아주셔서 감사합니다. Since 2012