getElementById()
기능: 웹 페이지에서 지정된 ID를 가진 요소 개체를 찾습니다.
구문: var obj = document.getElementById(id)
매개변수: id는 웹페이지에 표시된 id 속성의 값을 나타냅니다.
반환 값: 요소 개체를 반환합니다.
예: var imgObj = document.getElementById("img01")
getElementsByTagName(태그 이름)
-
함수: 지정된 HTML 태그를 찾아 배열을 반환합니다. .
구문: var arrObj = parentNode.getElementsByTagName(tagName)
매개변수: tagName은 꺾쇠 괄호 없이 찾을 수 있는 태그 이름입니다.
반환 값: 배열을 반환합니다. 노드가 하나만 있는 경우 배열도 반환됩니다.
예: var arrObj = ulObj.getElementsByTagName(“li”)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<script type="text/javascript">
window.onload = function(){
//获取id=ulTag的网页对象
var ulObj = document.getElementById("question");
//查找<ul>下的所有的<li>标记
var arrObj = ulObj.getElementsByTagName("li");
//给所有的<li>标记增加CSS效果
for(var i=0;i<arrObj.length;i++)
{
//给每个<li>标记加style属性
arrObj[i].style = "color:blue;font-size:24px;";
}
}
</script>
</head>
<body >
<ul id="question">
<li>mac 中系统自带的apache 误删了怎么恢复</li>
<li>CURL POST数据量过大，接收不到服务端的信息</li>
<li>用了构造函数为什么这个还是2？</li>
<li>cookies登录原理</li>
</ul>
</html>다음 섹션