JavaScript DOM操作之元素所有属性 attributes
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - JavaScript DOM操作之元素所有属性 attributes</title> <script src="http://res.30ke.cn/res/js/console.js"></script> </head> <body> <img id="img" data-x="100" src="http://res.30ke.cn/res/image/30ke.png" width="200px" /> <div id="main"></div> <script> var img = document.querySelector("#img"); var attributes = img.attributes; console.log(attributes[0].name+" : "+ attributes[0].value); console.log(attributes.src.value); console.log(attributes["width"].value); </script> </body> </html>
运行结果
三十课
广告
