2012-09-18 63 views
-2

我知道如何把JavaScript的一个元素直接,如:如何包含JavaScript在<script>标签中,而不是元素标签

<div onclick="this.style.opacity='0'">Some Text</div> 

或者

<div onmouseover="this.style.opacity='0'">Some Text</div> 

而是在元素标记中使用javascript我们如何通过将js代码放入<script>标记中来提供相同的操作。请帮我网络管理者

+3

这是一个将立即与快速搜索来回答一个简单的问题... – PhonicUK

回答

0

使用jQuery,你可以做

<div class="shouldchangeonclick">Some Text </div> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.shouldchangeonclick').on('click', function() { 
    this.style.opacity = '0'; 
    // or $(this).css('opacity', '0'); 
    }); 
}); 
</script> 

当然,你也可以做到这一点没有jQuery的,但不要忘记,该代码后应叫DOM就绪(文件onload事件)

document.getElementById('theid').addEventListener('click', function (el) { 
    this.style.opacity = '0'; 
}); 
+0

谢谢它帮助了我很多,你真的很棒,我发现这是最好的答案。谢谢!! –

+0

@Alpha,不用客气,不要忘记标记答案为已接受,如果它解决了你的问题。 – Louis

1

使用

document.getElementById("id") 

或者你可以包括你的网页jQuery和事情会得到很多简单。

$('#id').mouseenter(function(){ 
$('#id').css("opacity","0.1"); 
}); 

Fiddle

+0

但是'onmouseover'或'onclick'属性呢?如何在

  • 11. 如何在基于Docbook标签的XSD中包含MathML标签?
  • 12. 如何在html中的section标签内包含div标签
  • 13. 如何知道标签是否包含值或其他标签?
  • 14. 只有grep img标签包含关键字,但不是img标签不包含?
  • 15. HTML标签标签在包含内容时在元素上方添加空格
  • 16. 在javascript中切换标签元素
  • 17. 运行功能如果DIV元素不包含HTML标签
  • 18. 检查元素包含子标签使用JavaScript
  • 19. javascript-<span>包含HTML标签的文本块在IE中
  • 20. [HTML]如何如果<fieldset>标签是<form>标签
  • 21. 如果标签包含图像javascript
  • 22. 如何使用javascript在ul标签中创建元素li img标签?
  • 23. 如何通过<g>标签包装一组svg元素?
  • 24. 在</head>标签与</body>标签之前包含Javascript的优缺点是什么?
  • 25. Django包含标签
  • 26. Struts2包含标签
  • 27. 如何在JavaScript标签下刮标签?
  • 28. 如何使用javascript将一组HTML标签封装到包含标签中?
  • 29. 如何在标签中包装文本而不指定元素的高度
  • 30. jQuery JSON prepend/append unclosed标签而不是完整标签只有一组元素