javascript - getElementbyTagName返回Uncaught TypeError-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - getElementbyTagName返回Uncaught TypeError

巴扎黑 2017-04-10 15:06:36

[JavaScript讨论组]

897

首先申明js是放在外部的，在html的头部进行引用，在js中，"var step=searchTip.getElementsByTagName('p')"报错，求大神指教。错误提示如下：


Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

html结构如下：


<p class="searchTips">
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
    </p>

js代码如下


    var searchTip=document.getElementByClassName('searchTips');
    var step=searchTip.getElementsByTagName('p');
    var next=step.getElementsByTagName('a');
    var close=step.getElementsByTagName('span');

巴扎黑

全部回复(2)

PHP中文网2017-04-10 15:08:36 2楼

我找出来问题了，getElementByClassName()返回的是nodelist，因此在searchTip.getElementsByTagName('p')报错，应该这么写：


    <p id="searchTips">
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
        <p><a>下一步</a><span title="关闭">关闭</p>
    </p>

    var searchTip=document.getElementById('searchTips');
    var step=searchTip.getElementsByTagName('p');
    var next=searchTip.getElementsByTagName('a');
    var close=searchTip.getElementsByTagName('span');

赞 +0

添加回复

伊谢尔伦2017-04-10 15:08:36 1楼

class换成id

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>