我是一名学生,无法解决为什么这不起作用。
function addedToCart(x)
{
alert( x.value + " has been added to cart\nPress OK to continue.");
}
<a href="#" value="blue circle" onclick="addedToCart(this)">
感谢任何帮助!
答案 0 :(得分:5)
因为value
不是锚<a>
的有效属性。它旨在用于表单元素,例如input
或select
。
更合适(和有效的标记)解决方案是使用HTML5 data-*
属性,然后按照@Jeffrey Sweeney的建议使用getAttribute
获取它:
<a href="#" data-value="blue circle" onclick="addedToCart(this)">
然后:
alert( x.getAttribute("data-value"))
答案 1 :(得分: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
答案 2 :(得分:0)
2件事value
不是<a
的原生财产,而您并未以</a>
我希望下面的代码可以帮助您理解一种类似的方法来实现它:
<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的方法,它增加了糟糕比好更多,因为它强制没有模式