【js】：JS获得标签名的方法

来源：互联网发布：socket.io java 编辑：程序博客网时间：2024/06/04 19:46

JS你想要获得HTML框架里面各种标签的方法大致有如下两种：
第一种，给控件加ID，然后document.getElementById
第二种，获得控件的名，getElementsByTagName //注意函数别敲错

有两个程序能够详细的表明这两种方法：

<!DOCTYPE html><html><body><p>Hello World!</p><div id="main"><p>The DOM is very useful.</p><p>本例演示 <b>getElementsByTagName</b> 方法。</p><h> QQQQAAAA </h></div><script>var x=document.getElementById("main");var y=x.getElementsByTagName("h");document.write('id 为 "main" 的 div 中的第一段文本是：' + y[0].innerHTML);</script></body></html>

先是获得了main，定位到div标签里面，然后通过y[0]获得第一个标签的值，最后输出为 The DOM is very useful

第二个：

<!DOCTYPE html><html><body><p id="intro">Hello World!</p><p>本例演示 <b>getElementById</b> 方法！</p><script>x=document.getElementById("intro");document.write('<p>id="intro" 的段落中的文本是：' + x.innerHTML + '</p>');</script></body></html>

这个前面早就已经试过了，没有啥好新鲜的

0 0