1 
 <td><img 
    name="Brown Corkboard"
    title="800.00"
    id="nikolas"
    src="materials/corkboardtexture.png"
    alt="600"
    onclick="reply_click(this.src,this.name,this.title,this.alt)"
    width="200"
    height="150"

この画像はHTMLテーブルにあります。画像をクリックすると呼び出される関数を実行するために必要ないくつかの値を指定するために、属性のタイトルとaltを使用しています。

私は間違った方向に進んでいるに違いありません。画像をクリックすると、さまざまな変数が関数に送信されます。ただし、title属性とalt属性をすでに使い切っているため、オプションがありません。助言がありますか？

4

3 に答える 3

2

必要な任意の属性を追加して、それらをパラメーターとして使用できます。

<img data-count="1" data-tree="oak" ... onclick=('reply_click(this);')>

またはあなたが好きなもの。

function reply_click(clicked_thing) {
    var tree = clicked_thing.getAttribute('data-tree');
    console.log(tree);
}

通常、イメージ タグでは使用しませんonclickが、javascript を使用して関数をイベントにバインドします。

于 2013-02-15T22:29:31.657 に答える
1

他の人が答えたように、HTML属性で任意のデータを運ぶ必要がある場合data-は、属性を使用する方法です。および属性は、定義された意味とこれらの属性の使用に干渉するため、そのような目的には使用しないでください。alttitle

この例では、 のように関数呼び出しで引数としてデータを単純に書き込めない理由は示されていませんonclick="reply_click(this.src, this.name, 800.00, 600)。

または、DOM の内外で JavaScript オブジェクトにデータを記述し、たとえばid属性値をキーとして使用して、関数にデータを取得させることもできます。

于 2013-02-15T23:13:49.740 に答える
1

最近の標準はdata-*、次のようなものです。

<tr data-id="6"><td data-desc="Test blah blah blah">Test</td></tr>
<tr data-id="7"><td data-desc="Gary the disabled penguin">Gary</td></tr>

が一般的に使用されます。それはあなたの正確なニーズに依存しますが、私は通常 data- 属性をお勧めします

于 2013-02-15T22:29:42.183 に答える