?????? HTML DOM
JavaScript HTML DOM
HTML DOM? ?? JavaScript HTML ??? ?? ??? ??? ? ????.
HTML DOM(?? ?? ??)
? ???? ???? ????? ???? ?? ?? ??? ?????.
????? ??? ?? ??? ?? JavaScript? ?? HTML? ??? ? ?? ??? ??? ?????.
JavaScript? ???? ?? HTML ??? ??? ? ????
JavaScript? ???? ?? HTML ??? ??? ? ????
JavaScript? ???? ?? CSS ???? ??? ? ????
JavaScript? ???? ?? ???? ??? ? ????
HTML ?? ??
????? JavaScript? ???? HTML ??? ???? ???.
? ??? ????? ?? ??? ??? ???. ?? ???? ???? ? ??? ????.
ID? HTML ?? ??
?? ???? HTML ?? ??
??? ???? HTML ?? ??
ID? HTML ?? ??
DOM?? HTML ??? ?? ?? ?? ?? ??? ??? ID? ???? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="intro">你好世界!</p>
<p>該實(shí)例展示了 <b>getElementById</b> 方法!</p>
<script>
x=document.getElementById("intro");
document.write("<p>文本來自 id 為 intro 段落: " + x.innerHTML + "</p>");
</script>
</body>
</html>??? ???? ???? ??? ??(x??)? ?????.
??? ?? ? ??? x? null? ?????.
?? ???? HTML ?? ??
? ???? id="main"? ??? ?? ?? id="main" ???? ?? <p> ??? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p> DOM 是非常有用的。</p>
<p>該實(shí)例展示了 <b>getElementsByTagName</b> 方法</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一個(gè)段落為：' + y[0].innerHTML);
</script>
</body>
</html>??? ???? HTML ?? ??
? ???? getElementsByClassName ??? ???? class="intro"? ?? ??? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p class="intro">你好世界!</p>
<p>該實(shí)例展示了 <b>getElementsByClassName</b> 方法!</p>
<script>
x=document.getElementsByClassName("intro");
document.write("<p>文本來自 class 為 intro 段落: " + x[0].innerHTML + "</p>");
</script>
<p><b>注意：</b>Internet Explorer 8 及更早 IE 版本不支持 getElementsByClassName() 方法。</p>
</body>
</html>
