Question

我正在使用一个名为showDate（）的JavaScript函数，该函数传递一个参数（称为id）。我试图让函数显示日期与innerHTML属性，该属性传递给函数调用中的函数。

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<title>My bored html</title>
<script type = "text/javascript">
function showDate(id)
{
document.getElementById(id).innerHTML = Date();
}
</script>
</head>
<p id = "Datepara" style = "font-family:comic sans ms;color:orange;text-align:center;font-size:25px;">
Date: 24/9/12 <br /><br /><br/>
</p>
<input type = "button" onclick = "showDate(Datepara)" value = "Display today's date" />
</body>
</html>

Answer 1

更改

showDate(Datepara)

通过

showDate('Datepara')

否则你传递的是html元素，而不仅仅是id。

Answer 2

你需要引用元素的id字符串：

<!DOCTYPE html> 
<html> 
<head> 
<title>My bored html</title> 
<script type = "text/javascript"> 
function showDate(id) 
{ 
document.getElementById(id).innerHTML = Date(); 
} 
</script> 
</head> 
<p id = "Datepara" style = "font-family:comic sans ms;color:orange;text-align:center;font-size:25px;"> 
Date: 24/9/12 <br /><br /><br/> 
</p> 
<input type = "button" onclick = "showDate('Datepara')" value = "Display today's date" /> 
</body> 
</html>

Answer 3

最好的方法是：

<input type = "button" onclick = "show Date('Datepara')" value = "Display today's date" />

我希望这有用。

JavaScript不会使用HTML DOM显示日期

3 个答案: