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

有没有这样的方法呢？可以使用一个正则表达式表示这几个标签，然后使用getElementbyTag一下子获取到这几个标签的内容。
而不是一次次的使用getElementbyTag（h1）这种方法

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>

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

可以使用jquery

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

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

有一个方法是getElementsByName(),获取的是一个数组对象,需要给标签定义name属性,一样建议使用jquery,其选择器很好用.

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

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

document.getElementById('id名').innerHTML或document.getElementById('id名').innerText

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

jquery代码:

$(function(){ $(".t1").click(function(){ if($(this).css("background-color")!='transparent'){ $(this).css("background-color",'transparent'); }else{ $(this).css("background-color",'red'); } }); }); html代码: <table> <tr class="t1"> <td>123123</td> </tr> <tr class="t1"> <td>123123</td> </tr> <tr class="t1"> <td>123123</td> </tr> </table> <pre><code>实现整行白色与红色切换. </code></pre>

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

a

console.log(document.querySelectorAll("[type='h']")) 

或则：

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

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