web-strom编写,dom之获取节点几种方式示范
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
//获取页面中的div节点来获取属性
function getNode(){
var obj=document.getElementById("a1");
var test=obj.innerHTML;
alert(test);
}
//获取文本框节点方法
function getNode1(){
// var obj=document.getElementsByName("user");
// alert(obj[0].value);
var obj=document.getElementsByName("user")[0];
alert(obj.value);
}
//获取超链接对象方法,标签名获取方式,获取是数组
function getNode2(){
var obj=document.getElementsByTagName("a");
//alert(obj[0].innerHTML);
for(var i=0;i<obj.length;i++){
obj[i].target="_blank";//实现新开页面跳转的关键
}
}
</script>
</head>
<body>
<input type="button" value="演示" οnclick="getNode2()"/>
<input type="text" name="user">
<a href="www.baidu.com">百度</a>
<a href="www.sohu.com">搜狐</a>
</body>
</html>