从javascript返回值到html

Return value from javascript to html

本文关键字：html 返回值 javascript      更新时间：2023-09-26
<head>
function productName(name)
{  
}
</head>
<body>
<img src="...images/car.jpg" onclick="productName('car')">
</body>

我应该在这个javascript函数中写什么来打印从onclick方法收到的值到我的html正文中的任何公共位置?

假设你有一个这样的元素:

<div id="content">
</div>
你的js函数应该是这样的: 
<script type="text/javascript">
function productName(name)
{
    document.getElementById('content').innerHTML = name;
}
</script>

您可以创建一个textNode并将其附加到body

function productName(name) {
    var t=document.createTextNode(name);
    document.body.appendChild(t)
}

演示:小提琴

或者在jQuery中

$('#content').html( name);    // inner HTML of an element, by ID
$('#inputField').val( name);  // into an INPUT.
相关文章：