Question

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction(demox)">Click me</button>

<p id="demo"></p>

<p id="demox"></p>

<script>
function myFunction(cat) {
var dog = document.getElementById( cat);
dog.innerHTML = "Hello World";
}
</script>

</body>
</html>

我正在尝试将“demox”的id值传递给js函数以显示带有onclick事件的一些文本，但它似乎不起作用。这有什么问题？

Answer 1

您可以在此找到修改过的脚本来解决您的问题。

https://jsbin.com/yitovikete/edit?html,output

通常，我建议您在HTML页面的标题中添加<script>标记，如下所示：

https://jsbin.com/yitovikete/1/edit?html,output

当你需要在正文加载时做某事或者想要做一些ajax请求时，这很好。

<!DOCTYPE html>
<html>
<body>

<button onclick="myFunction('demox')">Click me</button>

<p id="demo"></p>

<p id="demox"></p>

<script>
function myFunction(cat) {
var dog = document.getElementById( cat);
dog.innerHTML = "Hello World";
}
</script>

</body>
</html>

JavaScript函数传递值无法正常工作

1 个答案: