document对象



document对象1.实例一getElementById,getElementsByName,getElementsByTagName

 
 <script type=”text/javascript” src=”test23.js”></script>
</head>
<body>
<a id=”a1″ href=”http://www.baidu.com“>百度</a><br/>
<a id=”a1″ href=”http://www.google.com“>谷歌</a><br/>
<a id=”a1″ href=”http://www.soso.com“>搜搜</a><br/>
<input type=”button” value=”跳到哪个链接” onclick=”jump()”/><br/>
<!–复选框–>
<input type=”checkbox” name=”ck1″ value=”篮球”/>篮球
<input type=”checkbox” name=”ck1″ value=”足球”/>足球
<input type=”checkbox” name=”ck1″ value=”乒乓球”/>乒乓球<br/>
<input type=”button” value=”爱好” onclick=”hobies()”/>
<input type=”button” value=”显示input元素” onclick=”tagname()”>
</body>
 
（2）js脚本

function jump(){
var hrefall=document.getElementByIdx_x_x_x_x_x_x_x_x_x(“a1″);//getElementById只会取到一个元素
window.alert(hrefall.innerText);
}
function hobies(){
var hobies=document.getElementsByName(“ck1″);
//window.alert(hobies.length);//getElementsByName会获取到所有的元素
for(var i=0;i
if(hobies[i].checked){//当复选框被选中，这返回true
window.alert(“你的爱好是：”+hobies[i].value);
}
}
}
function tagname(){
var tagnames=document.getElementsByTagName_r(“input”);
for(var i=0;i<tagnames.length;i++){
 window.alert(tagnames[i].value);
}
}
2动态创建html元素createElement_x
function dynamicarguments(){
//使用createElement_x_x()创建html元素
var a1=document_createElement_x_x(“a”);
//给<a>元素添加属性
a1.href=”http://www.baidu.com“;
a1.innerText=”连接到百度”;
//使用a()将创建的元素添加到body元素中去,apendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
document.body.apendChild(a1);
}
删除一个子节点
document对象