2012-09-18 92 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標籤而不是完整標籤只有一組元素