자바스크립트(DOM) get, setAttribute [1-2]

<ul>
<li class="jung">
	<img src="images/...">
    <a href="https:google.com">Google</a>
</li>
<li class="jung"><img src="images/..."></li>
</ul>

<script>
var link = document.querySelector('.jung a');
console.log(link);
</script>

위에 있는 코드는
선택자 jung안에 포함되어있는 자식요소 a를 선택해서 콘솔창에 나타나게 하는 것

<ul>
<li class="jung">
	<img src="images/...">
    <a href="https:google.com">Google</a>
</li>
<li class="jung"><img src="images/..."></li>
</ul>

<script>
var link = document.querySelector('.jung a');
console.log(link.getAttribute('href'));
</script>

a는 태그
href는 속성(attribute)
...............

link.getAttribute('href')
변수 link에서 가져온 객체의 메서드를 이용해서
href라는 속성을 console창에 나타나게 할 수 있다.

콘솔창에는 https://google.com 출력된다.

class도 속성이기 때문에 콘솔창에 나타나게 할 수 있다.

<script>
var link = document.querySelector('.jung a');
console.log(link.setAttribute('href','daum.net'));
</script>

link.setAttribute(속성, 바꿀려고 하는 것)을 넣으면 기존에 있던 것을 변경할 수 있다.

(1분코딩으로 study중)