이번에는 바꾼 속성값을 적용해 새 창으로 열리게 하고 싶습니다. 어떻게 해야 할까요? 간단합니다. 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>