用JavaScript onclick屬性的作品，但不是如果等效函數被調用

這工作與onclick屬性：用JavaScript onclick屬性的作品，但不是如果等效函數被調用

<button type="button" onclick="this.style.color='red';">Astringents</button>

此作品在onclick屬性，但如果從頭部元素稱爲：

<head> 
    <script type="text/javascript"> 
    function red() { 
     this.style.color='red'; 
    } 
    </script> 
</head> 

<button type="button" onclick="red();">Astringents</button>

編輯：我想用一個函數來服務幾個按鈕。例如：

<button type="button" onclick="red();">Astringents</button> 
<button type="button" onclick="red();">Exfoliators</button> 
<button type="button" onclick="red();">Moisturizers</button> 
<button type="button" onclick="red();">Masques</button/>

來源

2011-02-16 Corey

在這種情況下，this未引用<button>元件 - ，因此不能編輯該元素的屬性。

退房的怪異模式的文章在這個題目 http://www.quirksmode.org/js/this.html

基於在文章底部的例子，下面應該工作。

<head> 
<script type="text/javascript"> 

function red(obj) { 
    obj.style.color='red'; 
} 
</script> 
</head> 

<button type="button" onclick="red(this)">Astringents</button>

來源

2011-02-16 04:18:16

感謝它的工作！ – Corey 2011-02-16 04:22:23

用JavaScript onclick屬性的作品，但不是如果等效函數被調用

回答

相關問題