2

私は学生であり、これが機能しない理由について頭を悩ませることはできません。

function addedToCart(x)
            {
            alert( x.value + " has been added to cart\nPress OK to continue.");
            }


<a href="#" value="blue circle" onclick="addedToCart(this)">

どんな助けでも大歓迎です！

4

3 に答える 3

5

はアンカーの有効なvalue属性ではないためです。またはなどのフォーム要素に使用することを目的としています。<a>inputselect

より適切な (そして有効なマークアップを使用した) 解決策は、HTML5 属性を使用し、@Jeffrey Sweeney の提案に従ってdata-*それをフェッチすることです。getAttribute

<a href="#" data-value="blue circle" onclick="addedToCart(this)">

その後：

alert( x.getAttribute("data-value"))
于 2012-09-22T02:11:22.887 に答える
0

2つのものvalueはネイティブプロパティでは<aなく、終了していません</a>

以下のコードが、それを機能させるための 1 つの類似アプローチを理解するのに役立つことを願っています。

<script>
    function addedToCart(x) {
        alert(x.value + " has been added to cart\nPress OK to continue.");
    }
</script>

<a href="#" onclick="addedToCart(document.getElementById('txt1'))">blue circle</a>
<input type="text" id="txt1" value="some value"/>

IEにはhtmlを解釈する独自の方法もあり、パターンを持たないようにするため、良いことよりも悪いことが追加されます

于 2012-09-22T02:12:53.740 に答える
0

関数を使用してみてくださいgetAttribute：

alert( x.getAttribute("value") + " has been added to cart\nPress OK to continue.");

https://developer.mozilla.org/en-US/docs/DOM/element.getAttribute

于 2012-09-22T02:08:53.700 に答える