목차
<li> 객체 정의 - 리스트(=목록)
<li> 객체 구문
<li> 객체 예제 - 접근
<li> 객체 예제 - 생성
<li> 객체 속성
<li> 객체 정의 - 리스트(=목록)
HTML <li> 태그(요소) 의미.
<li> 객체 구문
[접근]
var x = document.getElementById ("요소ID");
[생성]
var x = document.createElement ("LI");
<li> 객체 예제 - 접근
<ol>
<li id="hz">HTML</li>
<li>CSS</li>
<li>PHP</li>
<li>SQL</li>
</ol>
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.getElementById("hz");
x.value = "101";
}
</script>
결과보기
<li> 객체 예제 - 생성
<ol id="hz">
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
</ol>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.createElement("LI");
var t = document.createTextNode("SQL");
x.appendChild(t);
document.getElementById("hz").appendChild(x);
}
</script>
결과보기
<li> 객체 속성
value
리스트 value 속성값 설정/반환.
※ <li> 객체는 표준 속성/메서드 /이벤트 지원.
주소 복사
랜덤 이동