(자바스크립트) getElementById() 등

티스토리 스킨을 몇 가지 손보려고 찾아본 것 메모.

실은 목적을 달성하지 못했고 정리가 안 돼서 일단 보관하려고.;;

정식으로 배우진 않았지만 전에 찾아본 내용같은데, 오래 안 보니 다 잊어버렸네요.

하려고 한 것은

<ol id="test">

<li>I</li>

<li>want</li>

<li>a</li>

<li>cup</li>

<li>of</li>

<li>coffee</li>

</ol>

<script>

var myObj = document.getElementById("test");

</script>

그리고 각 <li>의 value를 읽어내고 각 li의 style 속성을 그 value를 참조해 원하는 대로 바꾸는 것.

일단 vlaue를 바꾸는 건 아래 예제가 있어서 해봤는데, value를 읽어내고 속성을 바꾸는 건 못했음.

아래 맨 아래 메모한 것을 어떻게 이용하면 될 것 같기도 한데..

OL 안에 있는 LI 를 배열로 취급해서 한 번에 처리해야 한다.

---

www.w3schools.com

JavaScript Operators 

alert 창 예제

The HTML DOM Document Object: Document Object Properties and Methods

HTML DOM lastChild Property, 예제

JavaScript HTML DOM Node List

HTML DOM 엘리먼트 추가와 제거

http://codingnuri.com/javascript-tutorial/adding-and-removing-html-dom-elements.html

document.getElementById

http://div.or.kr/js-studying/document.getElementById

이건 어디 문답/ 아직 확인안해봄

Get a Single value of Li randomly and print it in <h1> tag

http://stackoverflow.com/questions/13698892/get-a-single-value-of-li-randomly-and-print-it-in-h1-tag