为了账号安全,请及时绑定邮箱和手机立即绑定

js中能否获取h1,h2,h3这几个标签的内容?

js中能否获取h1,h2,h3这几个标签的内容?

呼唤远方 2019-04-11 16:19:36
有没有这样的方法呢?可以使用一个正则表达式表示这几个标签,然后使用getElementbyTag一下子获取到这几个标签的内容。而不是一次次的使用getElementbyTag(h1)这种方法
查看完整描述

9 回答

?
小怪兽爱吃肉

TA贡献1852条经验 获得超1个赞

window.onload=function(){ var Ohs=document.getElementById("hs"); for(var i=0;i<4;i++){ var text=Ohs.children[i].innerText; alert(text) } }

        <body>
            <div id="hs">
                <h1>1</h1>
                <h2>2</h2>
                <h3>3</h3>
                <h4>4</h4>
            </div>
        </body>


查看完整回答
反对 回复 2019-05-13
?
德玛西亚99

TA贡献1770条经验 获得超3个赞

建议你用jQuery吧,获取标签内容属性都很方便


查看完整回答
反对 回复 2019-05-13
?
狐的传说

TA贡献1804条经验 获得超3个赞

可以使用jquery

 $('input[id^="p"]');

^=:表示以什么开头
$=:表示以什么结尾
~=:表示包含什么
id:表示按id选择


查看完整回答
反对 回复 2019-05-13
?
慕工程0101907

TA贡献1887条经验 获得超5个赞

方法很多,queryselectorAll也行 jQuery也可以,看怎么使用了。如果像你这么说的话,可以自己封装一个获取方法的,也不是很麻烦


查看完整回答
反对 回复 2019-05-13
?
慕尼黑8549860

TA贡献1818条经验 获得超11个赞

楼上说的都是正确的基本上,还有一点看你的浏览器?如果是IE8和8之前的,建议你参考document,如果是之后的就用jQuery更简单,有的浏览器不支持jQuery


查看完整回答
反对 回复 2019-05-13
?
江户川乱折腾

TA贡献1851条经验 获得超5个赞

用jQuery,$("h1,h2,h3")获取所有元素,然后循环每个元素的内容和对应的元素


查看完整回答
反对 回复 2019-05-13
?
繁花不似锦

TA贡献1851条经验 获得超4个赞

getElementByClass(“class”).innerText 或者getElementByName(“name”).innerText ,这里的class和name都是你h标签的属性,这样会返回一个数组,然后你再根据你的需要,对数组进行操作就可以了。我倒是觉得不要用getElementById来操作比较好,因为你 Id 要唯一标识,那就代表要给每个h标签都加上一个id,那样也很麻烦


查看完整回答
反对 回复 2019-05-13
?
万千封印

TA贡献1891条经验 获得超3个赞

a


a


a


a


<br> console.log(document.querySelectorAll(&quot;[type=&#39;h&#39;]&quot;))<br> 

或则:








<br> var targetlist = [];<br> targetlist[targetlist.length] = &quot;h1&quot;;<br> targetlist[targetlist.length] = &quot;h2&quot;;<br> targetlist[targetlist.length] = &quot;h3&quot;;<br> targetlist[targetlist.length] = &quot;h4&quot;;<br> console.log(targetlist);<br> for(var i = 0; i &lt; targetlist.length; i++) {<br> console.log(document.querySelectorAll(targetlist[i]));<br> }<br> 

但是更建议你一个一个区操作


查看完整回答
反对 回复 2019-05-13
  • 9 回答
  • 0 关注
  • 5634 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号