单击对内部元素执行某些操作
onclick do something to the element inside
<li onclick='doSomething(this)'><img src='pix.png' /><a href='#'>link</a></li>
<li onclick='doSomething(this)'><img src='pix2.png' /><a href='#'>link2</a></li>
当列表是点击时,我希望该列表中 img 的显示属性变为"内联"
function doSomething(obj)
{
//how to make <img> inside the onclick <li> display=inline
}
如何使用该函数调用来处理这个问题,我想要这样,因为我有一个这样格式化的现有代码。
谢谢!
这应该可以解决问题
function doSomething(obj)
{
obj.getElementsByTagName("img")[0].style.display = "inline";
}
您可以在传递的obj
上使用getElementsByTagName
来查找img
标签:
function doSomething(obj) {
var images = obj.getElementsByTagName("img");
for(var i in images) {
images[i].style.display = "inline";
}
}
尽管这里的每个人都会告诉您不应该再使用内联点击处理程序(这是正确的),但我会理所当然地认为您别无选择。
您可以按如下方式为 img 元素分配 id:
<li onclick='doSomething("img1")'><img id='img1' src='pix.png' /><a href='#'>link</a></li>
<li onclick='doSomething("img2")'><img id='img2' src='pix2.png' /><a href='#'>link2</a></li>
然后:
function doSomething(id)
{
document.getElementById(id).style.display = "inline";
}
相关文章:
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 当通过AJAX调用时,控制器操作不会执行
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- 点击:更改位置后执行某些操作
- 无法执行文件.退出Acrobat PDF中的操作
- 从表单中获取用户输入执行计算(操作顺序)并输出回该表单
- 如何在ListView项模板中获取按钮来执行不同的操作
- 单击元素两次后执行操作
- ReactJS只有在操作完成后才能执行某些操作
- toogleClass函数来切换元素类并在事件期间执行某些操作
- jQuery/Javascript foreach If/Else |如果为空(不执行任何操作)Else(显示forea
- Var工作,但在使用数组执行相同操作时停止
- 如何在mvc3中执行操作而不更改当前页面
- jQuery:$.ajax() 重定向到其 URL 表单操作参数,而不是对表单操作执行 AJAX 请求
- 如何为多个操作执行简单的 jQuery
- Redux 转换到操作执行后
- 反流操作执行后触发通知/回调
- jquery如果按钮点击了执行其他操作执行其他操作
- 在操作执行之前禁用锚链接