標(biāo)簽解讀
<p title="a gentle reminder"> don't forget to buy this stuff</p>
其中p標(biāo)簽是元素標(biāo)簽， title標(biāo)簽是屬性標(biāo)簽， don't forget to buy this stuff文檔標(biāo)簽
getElementById方法
getElementById(id值)方法獲取到是一個給定id的的元素節(jié)點（標(biāo)簽）對象
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>知曉怎么使用js第一課</title>
</head>
<body>
<h1> shopping list </h1>
<h3> What want to buy </h3>
<p title="a gentle reminder"> don't forget to buy this stuff</p>
<ul id="purchases">
<li>A tin of beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
<script type="text/javascript">
alert(document.getElementById("purchases"));
alert(typeof document.getElementById("purchases"));
</script>
</body>
</html>
getElementsByTagName方法
getElementsByTagName(tagname)方法將返回一個對象數(shù)組
alert(document.getElementsByTagName("li").length);
// 第一種寫法，這里沒有賦予變量
for(var i=0; i<document.getElementsByTagName("li").length; i++){
alert(document.getElementsByTagName("li")[i]);
alert(typeof(document.getElementsByTagName("li")[i]));
}
// 獲取整個文檔中一共有多少個標(biāo)簽（節(jié)點）
alert(document.getElementsByTagName("*").length);
getAttribute方法
getAttribute(attribute)方法,用來查詢那個標(biāo)簽的屬性,即這個方法適應(yīng)在標(biāo)簽中
var oPsum = document.getElementsByTagName("p");
for (var i=0; i<oPsum.length; i++){
if (oPsum[i].getAttribute("title")!=null){
alert(oPsum[i].getAttribute("title"));
}
}
setAttribute方法
setAttribute(attribute, value)方法，該方法獲取標(biāo)簽的屬性后，更改其屬性值
var oPsum = document.getElementsByTagName("p");
for (var i=0; i<oPsum.length; i++){
sTitle_text = oPsum[i].getAttribute("title");
if (sTitle_text){
alert(sTitle_text);
oPsum[i].setAttribute("title", "a new band title text");
alert(oPsum[i].getAttribute("title"));
}
}
