??
??
?? ??? ?? ???? ?????. HTML? ?????? DOM ??? ?? ??? ????? ?? ??? ?? DOM ??? ?? ?????.
??? ?? ??? HTML ??? <title>xxx</title>?? ????? ???? ??? ? ????.
<html> <head> <script> 'use strict'; document.title = '努力學習JavaScript!'; </script> </head> <body> </body> </html>
???? ?? ?? ??? ?????. ??.
DOM ???? ??? ???? ?? ???? ??? ???? ???. ?? ????? ???? ??? ID? ?? ??? ???? ???.
?? HTML ???? ?????.
<dl id="drink-menu" style="border:solid 1px #ccc;padding:6px;"> <dt>摩卡</dt> <dd>熱摩卡咖啡</dd> <dt>酸奶</dt> <dd>北京老酸奶</dd> <dt>果汁</dt> <dd>鮮榨蘋果汁</dd> </dl>
?? ???? ???? getElementById() ? getElementsByTagName()? ???? ID?? DOM ??? ???? ???? DOM ?? ??? ??? ? ????. ??:
'use strict';
var menu = document.getElementById('drink-menu');
var drinks = document.getElementsByTagName('dt');
var i, s, menu, drinks;
menu = document.getElementById('drink-menu');
menu.tagName; // 'DL'
drinks = document.getElementsByTagName('dt');
s = '提供的飲料有:';
for (i=0; i<drinks.length; i++) {
s = s + drinks[i].innerHTML + ',';
}
alert(s);??
? ?? ??
???
??? ?? ???
??
? ?? ?? ??
<html>
<head>
<script>
'use strict';
var menu = document.getElementById('drink-menu');
var drinks = document.getElementsByTagName('dt');
var i, s, menu, drinks;
menu = document.getElementById('drink-menu');
menu.tagName; // 'DL'
drinks = document.getElementsByTagName('dt');
s = '提供的飲料有:';
for (i=0; i<drinks.length; i++) {
s = s + drinks[i].innerHTML + ',';
}
alert(s);
</script>
</head>
<body>
<dl id="drink-menu" style="border:solid 1px #ccc;padding:6px;">
<dt>摩卡</dt>
<dd>熱摩卡咖啡</dd>
<dt>酸奶</dt>
<dd>北京老酸奶</dd>
<dt>果汁</dt>
<dd>鮮榨蘋果汁</dd>
</dl>
</body>
</html>
