自制JS小工具：列出指定HTML标签的所有属性和事件

最新推荐文章于 2022-09-19 22:00:00 发布

最新推荐文章于 2022-09-19 22:00:00 发布 · 78 阅读

本文介绍了一个简单的HTML页面脚本，该脚本允许用户输入任意HTML标签名称并展示该标签的所有可使用属性。通过动态生成的方式，帮助开发者快速了解和查阅不同HTML标签的属性。

输入要列出全部属性、事件的HTML标签：<input type="text" id="txtObjStr"><input type="button" onclick="listAttr(txtObjStr.value);" value="列举属性">
<script>
function listAttr(objStr)
{
var obj=document.createElement(objStr);
var pa=new Array();
for (var prop in obj){pa.push(prop);}
pa.sort();
document.getElementById("showHere").innerHTML="";
for(var i=0;i<pa.length;i++) {objStr+=pa[i]+"<br>";}
document.getElementById("showHere").innerHTML=objStr;
}
</script>
<div id="showHere" style="border:1px solid blue;font-weight:bold;"></div>