搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 参考手册
JS DOM参考手册
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>HTML DOM Attribute Object示例 - 基础教程(div.cn)</title> <body> <p>单击按钮以显示IMG元素的所有属性值：</p> <img src="/run/images/avatar-female.jpg" width="240" height="240"> <div> <button onclick="myFunc()">Click</button> </div> <p id="para"></p> <script> function myFunc() { var attrList = document.querySelector("img").attributes; var text = ""; for (let x = 0; x < attrList.length; x++) { text += attrList[x].value + "<br>"; } document.getElementById("para").innerHTML = text; } </script> </body> </html>
运行结果
