HTML DOM innerHTML 속성
정의 및 사용
innerHTML을 속성 세트 또는 테이블 행 사이의 HTML의 시작과 끝 태그를 반환합니다.
문법
HTMLElementObject.innerHTML=text
브라우저 지원
모든 주요 브라우저는 innerHTML 속성을 지원
예
예
텍스트, URL 및 링크 대상을 변경 :
<html>
<head>
<script>
function changeLink()
{
document.getElementById('myAnchor').innerHTML="W3Cschool";
document.getElementById('myAnchor').href="http://www.w3cschool.cc";
document.getElementById('myAnchor').target="_blank";
}
</script>
</head>
<body>
<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
<input type="button" onclick="changeLink()" value="Change link">
</body>
</html>
<head>
<script>
function changeLink()
{
document.getElementById('myAnchor').innerHTML="W3Cschool";
document.getElementById('myAnchor').href="http://www.w3cschool.cc";
document.getElementById('myAnchor').target="_blank";
}
</script>
</head>
<body>
<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
<input type="button" onclick="changeLink()" value="Change link">
</body>
</html>
»시도