js教程系列33 :javascript-DOM节点属性
Posted 前端工程师·邢晋宇
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js教程系列33 :javascript-DOM节点属性相关的知识，希望对你有一定的参考价值。
1 设置节点属性三个方法:
获取：getAttribute(名称)
设置：setAttribute(名称, 值)
删除：removeAttribute(名称)
举个例子:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var eleNode = document.getElementsByTagName("img")[0]; //1.元素节点.属性或者元素节点[属性] eleNode.src = "image/aaa.png"; eleNode.aaa = "bbb"; console.log(eleNode.aaa); console.log(eleNode.src); console.log(eleNode.tagName); console.log(eleNode["title"]); console.log(eleNode["className"]); console.log(eleNode["alt"]); //2.元素节点.方法(); console.log(eleNode.getAttribute("id")); eleNode.setAttribute("id","你好"); eleNode.setAttribute("ccc","ddd"); eleNode.removeAttribute("id"); } </script> </head> <body> <img src="image/aaa.png" class="box" title="图片" alt="aaa" id="aaa"/> </body> </html>
以上是关于js教程系列33 :javascript-DOM节点属性的主要内容，如果未能解决你的问题，请参考以下文章