问题1:怎么用getElementById取属性?问题2:怎么灵活操作getElementById?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>怎么判断类型写入数据?</title>
</head><body>
<script>
function test(text,name){
obj=document.getElementById(name)
alert(obj.tagName)
if(obj.tagName=="img")
{
alert("图片")
}else
{
if(obj.tagName=="inout")
{
alert("图片")
}
else
{
alert("其他")
}
}}function test2(text,name,attrib){
eval("document.getElementById("+name+")."+attrib+"="+text;
}
</script>
<input name="" type="hidden" id="mo0">
<input name="" type="text" id="mo1">
<input name="" type="button" id="mo3">
<img src="" id="mo2" >
<span id="mo3"></span>
<script>test("test text","mo3")</script>
<script>test2("mo3","mo3","innerHTML")</script>
</body>

解决方案 »

  1.   

    eval("document.getElementById("+name+")."+attrib+"="+text;
    这句是不是有问题呀?
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>怎么判断类型写入数据?</title>
    </head><body>
    <script>
    function test(name){
    obj=document.getElementById(name)
    alert(obj.tagName)
    if(obj.tagName=="img")
    {
    alert("图片")
    }else
    {
    if(obj.tagName=="input")
    {
    alert("文本输入")
    }
    else
    {
    alert("其他")
    }
    }}function test2(text1,name,attrib){
    eval("var str=document.getElementById\('"+name+"'\)."+attrib+"='"+text1+"'");
    }
    </script>
    <input name="" type="hidden" id="mo0">
    <input name="" type="text" id="mo1">
    <input name="" type="button" id="mo3">
    <img src="http://zi.csdn.net/comm760-90_2.gif" id="mo2" >
    <br>
    <span id="mo4" style="background-color:red" style="width:100;height:100">&nbsp;</span>
    <script>test("mo3")</script>
    <script>test2('mo3',"mo4","innerHTML")</script>
    </body>
      

  3.   

    <script>
    //返回类型 objId:object ID;
    function getType(objId)
    {
    var obj = $(objId);
    var type;
    switch(obj.tagName)
    {
    case "INPUT": 
    type = obj.type.toLowerCase();break;
    case "IMG": type = "image";break;
    default:
    type = "others";break;
    }
    return type
    }
    function $(id)
    {
    return document.getElementById(id);
    }
    </script>
    <input name="" type="hidden" id="mo0">
    <input name="" type="text" id="mo1">
    <input name="" type="button" id="mo3">
    <img src="" id="mo2" >
    <span id="Span1"></span>
    <script>
    alert(getType("Span1"))
    alert(getType("mo0"))
    alert(getType("mo1"))
    alert(getType("mo2"))
    </script>
    </body>