如何用JS获取html元素的标记名

如何用JS获取html元素的标记名,第1张

有原生DOM获取以及用js库比如jquery

原生DOM的话首先获取标签对象,id或者name或其他

例:

<p id="targetp" >2333333</p><script>

    var element = documentgetElementById("targetp");

    var tagname = elementtagName;

    alert(tagname);

</script>

jQuery获取

$("#content-header")get(0)tagName

如果已经获取到对象可以直接获取标记

<p onclick="alert('您单击的是:'+thistagName);">中华人民共和国</p>

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml中的<script>标签,输入js代码:

var a = '通过id获取:' + $('#test')html();

var b = '通过标签名获取:' + $('div')html();

$('body')append('<br/>' + a);

$('body')append('<br/>' + b);

3、浏览器运行indexhtml页面,此时成功通过id和标签名称获取到了节点并打印了节点内容。

以上就是关于如何用JS获取html元素的标记名全部的内容,包括:如何用JS获取html元素的标记名、如何根据HTML标签的id属性和标签名称来获取节点、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9661099.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存