▶ 요소 속성값 변경
① 요소.attribute = 새 값;
② 요소.setAttribute ("속성명","값")
document.getElementById( 'test' ).setAttribute( 'href', 'https://henniee.tistory.com' );
아이디가 test인 요소를 찾아 그 요소의 속성을 href 로 바꾸고 값은 'https://henniee.tistory.com' 이것으로 할당하라
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p><a id="test" target="_blank">hennie t-story</a></p>
<script>
document.getElementById( 'test' ).setAttribute( 'href', 'https://henniee.tistory.com' );
</script>
</body>
</html>
③ 요소.getAttribute ("속성명"); //속성값 반환
var add = document.getElementById('test').getAttribute('href');
아이디가 test인 요소의 속성 href 를 골라내 add 에 할당. 그리고선 add 값을 프린트 해보면 해당 속성의 값이 프린트 된다
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<p><a id="test" href="https://henniee.tistory.com/"> hennie t-story </a></p>
<script>
var add = document.getElementById('test').getAttribute('href');
document.write( '<p>href : ' + add + '</p>' );
</script>
</body>
</html>'Front > javascript' 카테고리의 다른 글
| ifram 동영상 컨트롤 하기 (0) | 2023.05.08 |
|---|---|
| [Javascript] 웹 페이지의 근육 심기 - DOM 요소 추가와 삭제 (0) | 2023.03.26 |
| [Javascript] 웹 페이지의 근육 심기 - DOM 요소 속성 (0) | 2023.03.26 |
| [Javascript] 웹 페이지의 근육 심기 - DOM (0) | 2023.03.26 |
| [Javascript] 웹 페이지의 근육 심기 - 이미지 슬라이드 쇼 (0) | 2023.03.26 |
