엘레먼트에 다이렉트로 변수,배열,객체 심기

아마 이렇게 사용하는 사람을 저 밖에 못 본 것 같은데...

엘레먼트에 다이렉트로 변수에 문자열이나 배열이나 객체를 심는 방법입니다.

예제변수는 mode 로 네이밍해 봤습니다.

<div id="my">그누보드</div>

<script>
document.querySelector("#my").mode = "비타주리";
document.write(document.querySelector("#my").mode);
</script>

아래처럼 배열이나 객체(내지는 연관배열)을 심을 수도 있습니다.

document.querySelector("#my").mode = ["비타주리"];
document.querySelector("#my").mode = {name : "비타주리"};