div里面有张图片,div跟图片带有一个方法,如何在点击div的时候让这两个方法同时被调用。

<html>
<head>
<title>无标题文档</title>
</head>
<body>
<div id="aa" onclick="b()">
<img id="tp" src="1.jpg"/ onclick="a()">
<h4>你很帅</h4>
</div>
</body>
</html>
我的问题就是:点击div时能够调用到div里面图片所携带的a()方法。

        var block = document.getElementById('test');
        var img = document.getElementById('img');

        function a(event){
            event = event || window.event;
            console.log('您正在点击'+event.target.tagName+',调用了函数a');
        }
        function b(event){
            event = event || window.event;
            console.log('您正在点击'+event.target.tagName+',调用了函数b');
        }
        
        // W3C的事件处理函数,不考虑ie
        block.addEventListener('click',a,true);
        img.addEventListener('click',a,true);
        img.addEventListener('click',b,true);

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-03-28
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<div id="aa" onclick="b();">
<img id="tp" src="1.jpg"/ onclick="a();return false;">
<h4>你很帅</h4>
</div>
<script>
function a(){
alert("a");
}
function b(){
alert("b");
a();
}
</script>
</body>
</html>追问

function b(){
alert("b");
a();
}调用不到图片里面的a()方法,而且img标签页没有return false属性

追答

把return false去掉吧。

追问

去掉也没用,同样调用不到图片里的a()方法。换了种方式解决了问题。你的答案这样写的话就行,而且我一看也能明白了。感谢您的回答。

你很帅

function a(){
}
function b(){
alert("b");
a();
}

本回答被网友采纳

div里面有一张图片,如何能做到点击图片就调用A函数,点击DIV就调用B函数...
要在“点击图片”事件的处理函数中,调用stopPropagation()方法,阻止事件传播,楼主试一下下面的代码:<html> <head> <title>无标题文档<\/title> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312"><\/head> <body> <div id="aa" onclick="b()" style="width:800px; ...

...俩个Div里各有一张图片, 如何实现一个Div 就适应屏幕的大小,并且Div...
两个div需要并齐吗?如果不需要的话设置img{width:100%;height:auto;},如果图片高度没有限定的话就用auto,如过有限定的话就只需给div限定的高度,然后设置img的高度为100%就可以了,如果两个div需要并齐或者在指定视窗大小的时候会重新排版则需要加媒体查询了。

怎么使用dw可以让这两张图片可以并排起来?
1、首先插入两个div标签,点击【插入】,找到【布局对象】—【Div标签】。2、可以看到两个div标签的状态是上下并排。3、然后双击右边的CSS样式窗口内,其中一个标签的CSS。4、在div标签的CSS窗口中分类选项中,找到【方框】,设置Float为left,即向左浮动。注意,两个div标签都要设置为向左浮动。5、...

html 文字和图片在一个div
只需要在div上也加上float,让div和图片在同一层上,就ok了。

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面
具体步骤如下:1、在同一个div里,先书写一段代码,如下图所示,在这个代码中给dive设置宽度和高度,这时为了让文字有一个具体的范围。2、找到background,如下图示,在background的后面添加上图片作为这个的背景图案。3、之后在background后面加上url(),为了连接图片,在url里面写的就是背景图片的路径...

在HTML中,如何让两个DIV在同一行显示?
把两个div放在一个父div里面,然后进行浮动即可。下面我们一起来实现以下:创建一个父div,然后创建两个子div,代码如下:给div加上css样式,分别给他们设置背景颜色,父div可以不设置,子div设置绿色,然后给div加上浮动代码即可,"float:left"我们来写一下代码:下面我们来看一下运行效果 DIV是层叠样式...

如何让div在图片上如何让div在图片上显示
1、使用css中的flaot属性就可以了,首先打开Dreamweaver,创建html文件:2、然后先给页面设置背景颜色,创建段落两个段落,段落上面设置2张图片的float属性,分别让它们左右浮动,值为left和right,最后打开浏览器:3、打开浏览器后即可看到效果,两张图片分别浮动在文本的左右两边,文字则是围绕在图片周围.。

div中放了张图片 然后在图片上怎样添加按钮控件
可以把图片做成Div的背景,在div里面加按钮, 设定其样式 也可以用浮动来实现按钮漂浮在图片上方 亦或者是把图片做成按钮, 给按钮宽高,边框为无,背景为图片 <div style="background:url('images\/1.jpg') no-repeat"> <button>Click Me<\/button> <\/div> ...

如何实现点击两个属性相同的div同时消失,类似消消乐的那种?
1. 对生成的每个 div 绑定点击事件(一般是事件委托),生成这个 div 时,绑定一个标识(要点击 div 的时候可以查到这个 div 对应的对象),直接绑定事件可以直接在传入对应对象为入参,事件委托可以用 data- 的形式 2. 用一个变量,如 firstClick 来存储第一次点击的元素对应的对象,第二次点击的...

想让两个图片保持在标签的两端,可以怎样设置
具体设置步骤如下:1、新建一个html文档,在body中新建两个div,一个是class属性为aa的div,另一个是class属性为bb的div。2、在文件内,在两个div内分别加上一个图片标签img,并且写上两张图片的路径。3、在html文件内,使用css对两个div的样式进行定义,分别设置其position属性为absolute,即两张...

相似回答