2016-09-09 24 views
0

JavaScript函數傳遞值不正常

<!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事件,但它似乎沒有上班。這裏有什麼問題?

+2

<按鈕的onclick = 「myFunction的( 'demox')」>點擊我選中此 – Sasikumar

+0

'demox'是一個字符串(另一個字符串內),所以你必須用引號把它包起來。使用單引號(''')來包裝demox,因爲您已經使用雙精度來包圍字符串,或者使用('\「')將雙引號括起來_inside_用雙引號括起來的字符串; – enhzflep

回答

3

你可以在這裏找到修改腳本來解決你的問題。當你需要做的東西,而身體

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

這是一件好事:

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

一般情況下,我建議你到你的HTML頁面的標題中添加<script>標籤這樣的正在加載,或者想要做一些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>