목차
<meta> 객체 정의 - 메타 정보 <meta> 객체 구문 <meta> 객체 예제 - 접근 <meta> 객체 예제 - 생성 <meta> 객체 속성
<meta> 객체 정의 - 메타 정보
HTML <meta> 태그(요소) 의미.
<meta> 객체 구문
[접근]
var x = document.getElementsByTagName ("META")[0];
[생성]
var x = document.createElement ("META");
<meta> 객체 예제 - 접근
<head>
<meta name="description" content="코딩강의">
</head>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementsByTagName("META")[0].content;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
<meta> 객체 예제 - 생성
<head>
</head>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.createElement("META");
x.setAttribute("name", "description");
x.setAttribute("content", "코딩강의");
document.head.appendChild(x);
document.getElementById("demo").innerHTML = "생성완료";
}
</script>
<meta> 객체 속성
content
meta 요소의 content 속성값 설정/반환.
httpEquiv
content 속성의 정보에 대한 HTTP 헤더를 설정/반환.
name
content 속성의 정보 이름을 설정/반환.
scheme
HTML5 제외.
content 속성값을 해석하는 방법 설정/반환.
※ <meta> 객체는 표준 속성/메서드 /이벤트 지원.
최신댓글