[英]Why is this working on Safari and Firefox but not on Chrome?
[英]Why is this not working on Firefox, Chrome or Safari but on IE?
我是一名学生,无法解决为什么无法正常工作的问题。
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
。
一个更合适的(并且带有有效的标记)解决方案是使用HTML5 data-*
属性,然后按照@Jeffrey Sweeney的建议使用getAttribute
获取它:
<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,它增加了多好 不好 ,因为它强制不具有图案
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.