您的位置：首页 > 其它

DOM(document获取节点byId.byTagName运用实现超链接跳转与不跳转)

2016-06-04 14:37 363 查看

web-strom开发

1.运用实现超链接跳转与不跳转

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>实现超链接页面跳转与不跳转</title>
</head>
<script>
/*对于网页中的超链接，新闻链接新窗口打开，门户网站当前页面打开
*当然是要获取其中被操作的超链接对象
*可是通过document拿到的是所有的超链接对象
* 只想获取一部分
* 只要获得被操作的超链接所属的节点即可
* 再通过节点获取它里面的超链接
* */
function getNode(){
//获取超链接所属节点
var divNode=document.getElementById("newslink");
var aNode=divNode.getElementsByTagName("a");
for(var i=0;i<aNode.length;i++){
//alert(aNode[i].innerHTML);
aNode[i].target="_blank";
}
}

</script>
<body>
<input type="button" value="演示" onclick="getNode()"/>
<a href="www.baidu.com">百度</a>
<a href="www.sohu.com">搜狐</a>
<div id="newslink">
<a href="www.sohu.com">新闻链接1</a>
<a href="www.baidu.com">新闻链接2</a>
<a href="www.sohu.com">新闻链接3</a>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航