本文目录一览：
- 1、如何用js获取标签标签内容里的数据，即标签内容 TagName（id），可以么，我为什么取不到数据。
- 2、JS关于关于tagname
- 3、js中的createElement（tagName）疑问
- 4、js如何在指定的div内使用getElementsByTagName获取元素
- 5、如何用JS获取html元素的标记名？
- 6、JS中获取表现的问题name和tagname
如何用js获取标签标签内容里的数据，即标签内容 TagName（id），可以么，我为什么取不到数据。
说下你代码错误的地方吧：
1，button结束标签没有
2，script type=”javascript”/script
3，是getElementsByTagName而不是getElementByTagName
4,document.getElementsByTagName(“p”)应该为document.getElementsByTagName(“p”)[0]
正确代码：
!DOCTYPE html
html
body
h1
我的 Web 页面/h1
p id=”demo”
一个段落。/p
div id=”myDIV”
一个 DIV。/div
button onclick=”myFunction()”
点击显示/button
script type=”text/javascript”
function myFunction() {
alert(document.getElementsByTagName(“p”)[0].innerHTML);
}
/script
/body
/html
JS关于关于tagname
document.body.childNodes[i].childNodes[0].parentNode.id ==”qwe1″
——————————————————————————–
或者楼上2个说的。。
——————————————————————————–
var pa = /asd/;
if(pa.test(document.body.childNodes[i].childNodes[0].parentNode.id)){
alert(document.body.childNodes[i].childNodes[0].parentNode.id);
}
js中的createElement（tagName）疑问
document.body 并不是document对象，而是html element对象。
也就是说，createElement是document对象的方法，而insertBefore是html element对象的方法。
你可以认为document.body是引用boyd元素的一种快捷方式，即document.body.insertBefore()等同于document.getElementsByTagName(‘body’)[0].insertBefore()
明白了？
你可以使用调试工具检查document对象提供的方法和属性信息。
js如何在指定的div内使用getElementsByTagName获取元素
在指定的div内使用getElementsByTagName获取元素的主要代码为：
getElementById(div_id).getElementsByTagName(tag_name);
示例如下：
1、HTML结构
div id=”test”
id=test: spanGlen/spanspanTane/spanspanJohn/spanspanRalph/span
/div
div id=”test1″
id=test0: spanGlen1/spanspanTane1/spanspanJohn1/spanspanRalph1/span
/div
input type=’button’ value=’获取id为test的div下的span’ onClick=”fun()”/
2、javascript代码
function fun(){
obj = document.getElementById(“test”).getElementsByTagName(“span”);
str= [];
for(i=0;iobj.length;i++){
str.push(obj[i].innerHTML);
}
alert(str);
}
3、效果演示
如何用JS获取html元素的标记名？
有原生DOM获取以及用js库比如jquery
原生DOM的话首先获取标签对象，id或者name或其他
例：
p id=”targetp” 2333333/p
script
var element = document.getElementById(“targetp”);
var tagname = element.tagName;
alert(tagname);
/script
jQuery获取
$(“#content-header”).get(0).tagName
如果已经获取到对象可以直接获取标记名
p onclick=”alert(‘您单击的是：’+this.tagName);”中华人民共和国/p
JS中获取表现的问题name和tagname
getElementsByName是根据标签的name属性来拿的
getElementsByTagName是根据标签名来拿
getElementsByName()
这个是通过NAME来获得元素，但不知大家注意没有，这个是GET ELEMENTS，复数ELEMENTS代表获得的不是一个元素，为什么呢？
因为DOCUMENT中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字
重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
比如有两个DIV：
div name=”docname” id=”docid1″/div
div name=”docname” id=”docid2″/div
那么可以用getElementsByName(“docname”)获得这两个DIV，用getElementsByName(“docname”)[0]访问第一个DIV，用getElementsByName
getElementsByTagName()
这个呢就是通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中当然会有相同的标签，所以这个方法也是取得一个数组。
下面这个例子有两个DIV，可以用getElementsByTagName(“div”)来访问它们，用getElementsByTagName(“div”)[0]访问第一个DIV，用
getElementsByTagName(“div”)[1]访问第二个DIV。
原创文章，作者：GKCY，如若转载，请注明出处：https://www.506064.com/n/146771.html
微信扫一扫 
支付宝扫一扫 