- slide 1 of 23, currently active
- slide 2 of 23
- slide 3 of 23
- slide 4 of 23
- slide 5 of 23
- slide 6 of 23
- slide 7 of 23
- slide 8 of 23
- slide 9 of 23
- slide 10 of 23
- slide 11 of 23
- slide 12 of 23
- slide 13 of 23
- slide 14 of 23
- slide 15 of 23
- slide 16 of 23
- slide 17 of 23
- slide 18 of 23
- slide 19 of 23
- slide 20 of 23
- slide 21 of 23
- slide 22 of 23
- slide 23 of 23
이번에는 바꾼 속성값을 적용해 새 창으로 열리게 하고 싶습니다. 어떻게 해야 할까요? 간단합니다. target 속성값을 _blank로 지정하면 됩니다.
<a href="https://www.gilbut.co.kr">길벗</a>
<script>
const aEl = document.querySelector("a");
const href = aEl.getAttribute("href");
aEl.setAttribute("href", "https://www.sucoding.kr");
aEl.innerText = "수코딩";
aEl.setAttribute("target", "_blank");
</script>
getAttribute() 메서드와 setAttribute() 메서드는 모든 속성의 상위 메서드라서 classList 속성이나 dataset 속성으로 하는 조작을 전부 할 수 있습니다.
12/03/attribute2.html
<style>
.red-color{
color:red;
}
</style>
(중략)
<a href="https://www.gilbut.co.kr" data-link="길벗">길벗</a>
<script>
const aEl = document.querySelector("a");
aEl.setAttribute("data-link", "이지톡");
aEl.setAttribute("class", "red-color");
</script>