我是一名学生,无法理解为什么这不起作用。
function addedToCart(x)
{
alert( x.value + " has been added to cart\nPress OK to continue.");
}
<a href="#" value="blue circle" onclick="addedToCart(this)">
任何帮助表示赞赏!
我是一名学生,无法理解为什么这不起作用。
function addedToCart(x)
{
alert( x.value + " has been added to cart\nPress OK to continue.");
}
<a href="#" value="blue circle" onclick="addedToCart(this)">
任何帮助表示赞赏!
因为value
不是锚的有效<a>
属性。它旨在用于表单元素,例如input
或select
。
更合适(并且具有有效标记)的解决方案是使用 HTML5data-*
属性,然后getAttribute
按照@Jeffrey Sweeney 的建议使用它来获取它:
<a href="#" data-value="blue circle" onclick="addedToCart(this)">
进而:
alert( x.getAttribute("data-value"))
尝试使用该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 件事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,它的弊大于利,因为它强制没有模式