DOM요소에 접근하고 속성 가져오기

웹요소의 내용을 수정하는 innerText,innerHTML프로퍼티

자바스크립트에서는 웹 요소의 내용도 수정할 수 있다. 가장 쉬운 방법은
innerText,innerHTML프로퍼티를 사용하는 방법이다.
innerText프로퍼티는 텍스트 내용을 표시하고
innerHTML프로퍼티는 태그까지 반영하여 표시한다.
innerText,innerHTML프로퍼티는 선택한 태그 안에 내용을 바꾸는
역할을 하는 프로퍼티이다.

[기본형]
요소명.innerText = '내용'
요소명.innerHtml = '내용'

*innerText,innerHTML를 사용할경우 안에 들어있는 내용까지 모두 수정되므로 조심해서 사용해야한다.

속성을 가져오거나 수정하는 getAttribute(),setAttribute()메서드

웹 요소를 문서에 삽입할때 태그 속성을 함께 사용하면
DOM트리에 속성노드가 추가되면서 속성값이 지정된다.
이때 속성에 접근하려면 getAttribute()를 사용하고,
속성을 수정하려면 setAttribute()메서드를 사용한다.

[기본형]
요소명.getAttribute('속성명','값');
:선택한 요소의 해당 속성을 지정한 속성값으로 바꾼다.
만약 해당 속성이 태그에 없다면 속성과 속성값을 새로 추가한다.