侧边栏壁纸
博主头像
前端学习

行动起来,活在当下

  • 累计撰写 307 篇文章
  • 累计创建 18 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

js—nodeName返回节点的名称

Administrator
2022-05-11 / 0 评论 / 0 点赞 / 112 阅读 / 0 字

nodeName 只读属性以字符串的形式返回当前节点的名称。
如果节点是元素节点,则nodeName属性将以大写形式返回标记名称。
如果节点是属性节点,则nodeName属性将返回属性的名称。
对于其他节点类型,nodeName属性将为不同的节点类型返回不同的名称。

var a = document.body.nodeName;
console.log(a);

代码演示:

202104141618367761598016

<h1 class="ww">hello!</h1>
var b = document.querySelector('.ww').nodeName;
console.log(b);

代码演示:

202104141618367809207945

<nav id="w">Hi</nav>
<button id="btn">点击</button>
<p id="result"></p>

JavaScript

var btn = document.querySelector('#btn');
var result = document.querySelector('#result');
var c = document.querySelector('#w').nodeName;
btn.onclick = function () {
  result.innerHTML = c;
}

代码演示:

202104141618367902338296

0

评论区