javascript insidetext 将不起作用

Question

我不熟悉使用javascript。我使用了innertext。但是浏览器不会显示该内容，请帮助我..

<script language="JavaScript">

function Show(name)
{
document.getElementById("name").innerText = name;

}
 </script>

<a href="javascript:void(0);" onClick="Show('Jancy');" >
<span id="name"></span>

请帮我看看这里出了什么问题......？

Answer 1

使用innerHTML:

function Show(name)
{
    document.getElementById("name").innerHTML = name;
}

我还根据以下 HTML 更新了您的 JavaScript，以摆脱内联 JavaScript:

<ul>
    <li><a href="#" class="showNames">Jancy</a></li>
    <li><a href="#" class="showNames">Sarah</a></li>
</ul>
<span id="name"></span>​

JavaScript:

function Show(name) {
    document.getElementById("name").innerHTML = name;
}

var links = document.getElementsByTagName('a');

for (var i=0, len=links.length; i<len; i++){
    if (links[i].className == 'showNames'){
        links[i].onclick = function(){
            Show(this.innerHTML);
            return false;
        }
    }
}

JS Fiddle demo .

注意:使用 ul 和 li 元素完全是可选的，我选择使用它们只是为了演示目的。

JavaScript 引用资料，来自 Mozilla 开发者网络:

• `className .
• getElementById() .
• innerHTML .