Question

我不熟悉使用javascript.i在nenext中使用。但是浏览器不会显示那个内容请帮助我任何一个..

<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元素完全是可选的，我选择仅将其用于演示目的。

来自Mozilla开发者网络的JavaScript引用：

Answer 2

这里的问题是锚元素不完整。它需要以</a>元素结束。

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

小提琴：http://jsfiddle.net/vyDcd/1/

javascript innertext不起作用

2 个答案: