在用 js 操作我的前端页面时,我常常不能对要操作的对象进行正确的获取,比如以下jQuery代码段获取 li 对象
<script type="text/javascript">
//获取第一个 li 对象
$(document).ready(function(){
$("button").click(function(){
$("li:first").innerHTML = '<h1>hhe</h1>';
})
})
</script>
html代码如下
<body>
<button>click</button>
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
<li>list4</li>
</ul>
</body>
上面的操作目的是为了修改第一个li对象标签里面的内容,代码是错误的,错误位置为
$("li:first")
这段代码获取到的对象是一个数组对象,如果要使上面代码生效,需要修改为
$("li:first")[0]
原生 js 也会出现这种问题,我们在使用getElementById时,得到的是一个对象,而像getElementsByTagName这样的,得到的是一个数组对象,这是常常被忽略的问题,使得我无法获取到对应的操作对象,希望对大家有帮助