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

最新推荐文章于 2022-12-28 17:53:45 发布

qq_34734520

最新推荐文章于 2022-12-28 17:53:45 发布

阅读量1.1k

点赞数

分类专栏： java之DOM

本文链接：https://blog.csdn.net/qq_34734520/article/details/51584278

版权

java之DOM 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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="演示" οnclick="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>

qq_34734520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM(document获取节点byId.byTagName运用实现超链接跳转与不跳转)

web-strom开发1.运用实现超链接跳转与不跳转实现超链接页面跳转与不跳转 /*对于网页中的超链接，新闻链接新窗口打开，门户网站当前页面打开 *当然是要获取其中被操作的超链接对象 *可是通过document拿到的是所有的超链接对象 * 只想获取一部分 * 只要获得被操作的
复制链接

扫一扫

专栏目录