本文目录一览:
- 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。