JavaScript對(duì)象反射用法實(shí)例
更新時(shí)間：2015年04月17日 10:19:38 作者：songguo
這篇文章主要介紹了JavaScript對(duì)象反射用法,實(shí)例分析了反射DOM對(duì)象和自定義對(duì)象的具體用法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript對(duì)象反射用法。分享給大家供大家參考。具體如下：
這里講述JavaScript對(duì)象反射用法，涉及反射DOM對(duì)象和自定義對(duì)象
<html>
<head>
<title>JavaScript反射工具</title>
<style type="text/css">
#show{
width:400px;height:300px;
border:red solid 1px;
overflow:scroll;
}
#main{
width:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
</style>
<script type='text/javascript'>
//生成選擇的反射對(duì)象并反射
function SwitchObj(){
var obj;
var switchobj=document.getElementById('selects');
if(switchobj.value=="op_div"){
obj=document.createElement("div");
}
if(switchobj.value=="op_select"){
obj=document.createElement("select");
}
if(switchobj.value=="op_p"){
obj=document.createElement("p");
}
if(switchobj.value=="op_span"){
obj=document.createElement("span");
}
if(switchobj.value=="op_table"){
obj=document.createElement("table");
}
if(switchobj.value=="op_tr"){
obj=document.createElement("table");
}
if(switchobj.value=="op_window"){
obj=document.createElement("window");
}
if(switchobj.value=="op_document"){
obj=document.createElement("document");
}
Assembly(obj);
}
//反射對(duì)象
function Assembly(obj){
var order=0;
if(obj){
var assstr="反射對(duì)象:"+obj.tagName+"<br/>"
for(key in obj){
order++;
assstr+=order+"----"+key+"<br/>";
}
Show(assstr);
}
}
//將反射信息輸出
function Show(msg){
var showobj=document.getElementById('show');
if(showobj){
showobj.innerHTML="";
showobj.innerHTML=msg;
}
}
</script>
</head>
<body>
<div id="main">
<h1>JavaScript反射工具</h1>
<div id="show"></div>
<input type="button" id="btn_assembly" value="反射"
onclick="SwitchObj('select');" />
<select id="selects">
<option value='op_div'>div</option>
<option value='op_p'>p</option>
<option value='op_span'>span</option>
<option value='op_table'>table</option>
<option value='op_select'>select</option>
<option value='op_document'>document</option>
<option value='op_window'>window</option>
</select>
</div>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
本篇文章主要是對(duì)js導(dǎo)航欄單擊事件背景變換的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要介紹了JS遍歷DOM文檔樹(shù)的方法,結(jié)合實(shí)例形式分析了javascript遍歷dom文檔樹(shù)的相關(guān)方法與使用技巧,需要的朋友可以參考下2018-04-04
JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問(wèn)題
這篇文章主要介紹了JavaScript Date對(duì)象詳解及時(shí)間戳和時(shí)間的相互轉(zhuǎn)換問(wèn)題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
數(shù)據(jù)庫(kù)管理工具PHPMyAdmin
這篇文章主要為大家介紹了數(shù)據(jù)庫(kù)管理工具PHPMyAdmin使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)表單隔行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript實(shí)現(xiàn)淺拷貝與深拷貝的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)淺拷貝與深拷貝的方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript淺拷貝與深拷貝的定義與使用方法,需要的朋友可以參考下2018-07-07
JS實(shí)現(xiàn)微信里判斷頁(yè)面是否被分享成功的方法
這篇文章主要介紹了JS實(shí)現(xiàn)微信里判斷頁(yè)面是否被分享成功的方法,結(jié)合實(shí)例形式分析了js調(diào)用微信接口判斷網(wǎng)頁(yè)分享功能的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
深入學(xué)習(xí)JavaScript對(duì)象
今天小編就和大家深入學(xué)習(xí)JavaScript對(duì)象，感興趣的小伙伴們可以參考一下，大家一起學(xué)習(xí)。2015-10-10
這篇文章主要為大家詳細(xì)介紹了js編寫(xiě)的treeview使用方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了p5.js入門(mén)教程之鼠標(biāo)交互的示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03