html 002 변경

1529 단어
HTML DOM 은 자바 스 크 립 트 가 HTML 요소 의 내용 을 바 꿀 수 있 도록 합 니 다.
HTML 출력 흐름 변경
JavaScript 는 동적 HTML 콘 텐 츠 를 만 들 수 있 습 니 다:
오늘 날 짜 는: Fri May 17 2013 11: 48: 16 GMT + 0800 (중국 표준시 간)
자 바스 크 립 트 에서 document. write () 는 HTML 에 내용 을 직접 출력 하 는 데 사용 할 수 있 습 니 다.
실례
<!DOCTYPE html>
<html>
<body>

<script>
document.write(Date());
</script>

</body>
</html>

HTML 내용 변경
HTML 내용 을 수정 하 는 가장 간단 한 방법 은 innerHTML 속성 을 사용 합 니 다.
HTML 요소 의 내용 을 바 꾸 려 면 이 문법 을 사용 하 십시오.
document.getElementById(id).innerHTML=new HTML

실례
이 예 는 < p > 요소 의 내용 을 바 꾸 었 습 니 다:
<html>
<body>

<p id="p1">Hello World!</p>

<script>
document.getElementById("p1").innerHTML="New text!";
</script>

</body>
</html>

HTML 속성 변경
HTML 요소 의 속성 을 바 꾸 려 면 이 문법 을 사용 하 십시오.
document.getElementById(id).attribute=new value

실례
이 예 는 < img > 요소 의 src 속성 을 변경 하 였 습 니 다:
<!DOCTYPE html>
<html>
<body>

<img id="image" src="smiley.gif">

<script>
document.getElementById("image").src="landscape.jpg";
</script>

</body>
</html>

좋은 웹페이지 즐겨찾기