Question

想要实现点击按钮可以使一个div的内容显示出来，可是没反应

JS内容：
<script language="javascript">
document.getElementById("more").onclick=function(){
document.getElementsByClassName("nld").style.display="block";
}
</script>

html内容：
<div class="nld">
<div class="left">
<a><img src="__IMG__/anniu_11.gif"></a>
<img src="__IMG__/ml2.gif">
</div>
<div class="right">
<div class="name"><a>南麓岛</a></div>
<div class="con"><a>南麓岛国家级自然保护区, 别名海山, 海岸线总长75km, 位于平阳鳌江镇</a></div>
<div class="ljgd"><img src="__IMG__/ljgd.gif"><a href="">了解更多</a></div>
</div>
</div>
页面报错：Cannot set property 'display' of undefined

它在document.getElementsByClassName("nld").style.display="block";这句话后面打了叉叉。

Answer 1

getElementsByClassName原生js没有这个用法，你可以自己写函数，或者直接用jQuery多省事。

Answer 2

js的这个方法（getElementsByClassName）哪来的？
你自己扩展的？
你可以给类（nld）div添加一个id进行控制，这样
html:<div class="nld" id="nld">
js:document.getElementById("nld").style.display="block";
这样就可以了

追问

改成你这样的，又会报错：undefined is not a function

追答

你的more是在id的值吗