js比较常用的

Posted 2022-04-14 hyjh

1.

<a href="javascript:void(0);" id="div1_bu" >点击链接可以删除div2</a>

          超链接的功能：
               1.可以被点击：有样式：（1.蓝颜色的 2.鼠标放上去变小手 3.有下划线 4.点击时闪动一下）
               2.点击后跳转到href指定的url（此时设置href为空，是href=""。相当于在当前页面跳转，即刷本页。）
          需求：想保留1的功能，去掉2功能
          实现：href="javascript:void(0);"
2.

<tr>
    <th>1</th>
    <th>韩韩</th>
    <th>男</th>
    <th><a href="#" name="delete" onclick="fun(this);">删除</a></th>
    <!--因为删除时不容易用id查找点击那个删除有点困难。就直接给a标签设置一个onclick属性，在fun方法里传递一个this，在js里用特殊用处-->
</tr>
<tr>
    <th>2</th>
    <th>丽丽</th>
    <th>女</th>
    <th><a href="#" name="delete" onclick="fun(this);">删除</a></th>
</tr>

function fun(o)    //括号里面要放一个形参接收传来的this,this代表点击的那个a标签元素
     var th_a = o.parentNode;
　　　var tr = th_a.parentNode;
　　　var table = tr.parentNode;
　　　table.removeChild(tr);

.....来自：Dom_Test01.html