js点击外部div实现内部a标签的方法

JavaScript017

js点击外部div实现内部a标签的方法,第1张

1、首先需要引入jquery脚本文件。

2、其次添加一些简单的html,需要添加对应的点击事件函数,在函数中,先利用jquery的选择器方法来获取到a链接。

3、然后获取到链接后,就用一个for循环来得到div里所有链接的id,主要是通过jquery的attr方法来得到每个链接控件的id属性,得到后,将其保存进数组里,通过alert方法来弹出显示所有链接的id。

4、最后在运行页面可以看到有二个链接,点击一下按钮,点击后,会弹出一个alert窗口,这里显示出了二个链接的id属性,对比代码里的值,获取的结果是正确的即可。

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建div和按钮并添加class样式。

4、接下来需要创建css样式。

5、创建js点击事件。

6、当点击按钮移除div元素。

7、点击按钮效果如图所示。

扩展资料

1、<body></body>所有div应该都放在body里面  应该这个才是内容区你把他们反正不是头和内容直接,网页解析肯定会出错的。

2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分,用CSS去解析而不是HTML。

3、内容区镶套了大量的多余DIV这属于多DIV症,这样会导致页面镶套混乱,然后加上你的那多浮动会出现做迷藏事件。

4、浮动后没有清楚浮动这样会产生很多的影响。

这个到是不难,代码如下

<div onclick="showOtherDiv()" style="border:1px solid #fff">点击显示另一个div</div>

<div id="otherDiv" style="display:noneborder:1px solid red">点击后显示的div</div>

<script type="text/javascript">

function showOtherDiv(){

//获取要显示的div对象

var  otherDiv=document.getElementById('otherDiv')

//显示

otherDiv.style.display="block"

}

</script>